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