原創《weex面向未來的架構》


最近一直在做weex的調研工作,整理之后給公司做了一次技術分享。

分享內容如下:

1:Weex是什么?

2:  Weex目前能做什么?

3:  Weex 如何調試

4:  剖析一下Weex原理

5:  跨平台通用組件

6:  Weex的未來發展

 

1:weex 是什么?

進入到官網:http://alibaba.github.io/weex ,簡單明了的幾個詞,揭開了weex的神秘面紗 : write once run everywhere  &&  Native Speed in Native Platform

 

2:  Weex目前能做什么?

我覺得weex還處在高速發展的一個情況,目前而言還是有很多缺陷,不管是weex 的 issues 還是 weex 的 gitter 聊天室里都不斷的有人提出一些關於weex的問題。對於開發簡單的邏輯不復雜的app項目,我覺得weex已經完全可以滿足你的需求了。我相信weex后續會慢慢的完善起來,對於開發復雜的應用也終將變成可能。我也利用weex快速的開發了一個簡單的點餐app應用,確實讓我體會到開發速度之快,如圖:

 

3: Weex 如何調試?

weex 的調試也非常的方便,直接用 weex-devtool 神器就可以了,教程如下:

weex 調試神器:https://github.com/weexteam/article/issues/50

 

4: 剖析一下Weex原理

  weex 對動態化原理方案的思考一:https://github.com/amfe/article/issues/13

  weex 對動態化原理方案的思考二:https://github.com/amfe/article/issues/14

  weex 對動態化原理方案的思考三:https://github.com/amfe/article/issues/15

  weex 動態技術方案原理: http://mp.weixin.qq.com/s?__biz=MzAxNDEwNjk5OQ==&mid=502916418&idx=1&sn=63a1f708f46c392df355cb9cd6106e26&scene=1&srcid=09098QFiuG16onJoYcEVvuRV#rd

weex 詳細原理流程圖如下:

weex 能讓一套代碼能做成 native 級別的app,主要是做了三件事:

  1. 在本地用一個叫做 transformer 的工具把這套代碼轉成純 JavaScript 代碼
  2. 在客戶端運行一個 JavaScript 引擎,隨時接收 JavaScript 代碼
  3. 在客戶端設計一套 JS Bridge,讓 native 代碼可以和 JavaScript 引擎相互通信

整個 Weex 的工作原理大致可以用一張圖:

 

 

5: 跨平台通用組件

 我覺得 weex的跨平台通用組件 有可能會成為一個商業化的市場,如果阿里后續把 weex組件做成商業化的形式,可能會帶來很多商機,有可能會有公司單獨出來做weex通用組件來賺錢,值得期待。我感覺weex正是想依靠開源的力量把weex的整個組件化生態圈豐富起來。

如圖所示:

 

6: Weex的未來發展

對於剛過去的ningJs大會上,尤雨溪宣布聯手 Weex。我想現在終於可以明正言順的叫它:"vue-native" ,哈哈哈~~~

 

 

 ==============weex 相關知識===================

     weex 文章:  https://github.com/weexteam/article/issues

     weex 調試: https://github.com/weexteam/article/issues/50

     weex 文檔: http://alibaba.github.io/weex/doc/

    weex中使用數據流工具Vuex實踐 : http://www.kmhaoshuai.com/#!/articles/use-vuex-in-weex

   weex交流室: https://gitter.im/weexteam/cn?utm_source=share-link&utm_medium=link&utm_campaign=share-link

    

==============大神的新浪微博====================

   尤雨溪http://weibo.com/arttechdesign?is_hot=1

   勾股http://weibo.com/mx006?from=hissimilar_home&refer_flag=1005050003_&is_hot=1

   鬼道http://weibo.com/777865156?is_all=1#_loginLayer_1473131847118

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM