原創《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