原创《weex面向未来的架构》

￡神魔★判官ぃ 2022-01-05 14:47 270阅读 0赞

最近一直在做weex的调研工作，整理之后给公司做了一次技术分享。

分享内容如下：

1：Weex是什么？

2: Weex目前能做什么？

3: Weex 如何调试

4: 剖析一下Weex原理

5: 跨平台通用组件

6: Weex的未来发展

1：weex 是什么？

进入到官网：[http://alibaba.github.io/weex ][http_alibaba.github.io_weex]，简单明了的几个词，揭开了weex的神秘面纱 ： **write once run everywhere && Native Speed in Native Platform**。

![337731-20160906160155941-326142340.png][]

2: Weex目前能做什么?

我觉得weex还处在高速发展的一个情况，目前而言还是有很多缺陷，不管是weex 的 issues 还是 weex 的 gitter 聊天室里都不断的有人提出一些关于weex的问题。对于开发简单的逻辑不复杂的app项目，我觉得weex已经完全可以满足你的需求了。我相信weex后续会慢慢的完善起来，对于开发复杂的应用也终将变成可能。我也利用weex快速的开发了一个简单的点餐app应用，确实让我体会到开发速度之快，如图：

![337731-20160906160924457-223368061.png][]

3: Weex 如何调试?

weex 的调试也非常的方便，直接用 weex-devtool 神器就可以了，教程如下：

weex 调试神器：[https://github.com/weexteam/article/issues/50][https_github.com_weexteam_article_issues_50]

![337731-20160906161429301-464892867.png][]

**4: 剖析一下Weex原理**

weex 对动态化原理方案的思考一：[https://github.com/amfe/article/issues/13][https_github.com_amfe_article_issues_13]

weex 对动态化原理方案的思考二：[https://github.com/amfe/article/issues/14][https_github.com_amfe_article_issues_14]

weex 对动态化原理方案的思考三：[https://github.com/amfe/article/issues/15][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 详细原理流程图如下：**

![337731-20160906161647019-1755223482.png][]

![337731-20160906161728644-746762777.png][]

**weex 能让一套代码能做成 native 级别的app，主要是做了三件事：**

1.  在本地用一个叫做 transformer 的工具把这套代码转成纯 JavaScript 代码
2.  在客户端运行一个 JavaScript 引擎，随时接收 JavaScript 代码
3.  在客户端设计一套 JS Bridge，让 native 代码可以和 JavaScript 引擎相互通信

![337731-20160909142853910-528895486.png][]

**整个 Weex 的工作原理大致可以用一张图：**

![337731-20160909142912066-1082721500.png][]

5: 跨平台通用组件

我觉得 weex的跨平台通用组件 有可能会成为一个商业化的市场，如果阿里后续把 weex组件做成商业化的形式，可能会带来很多商机，有可能会有公司单独出来做weex通用组件来赚钱，值得期待。我感觉weex正是想依靠开源的力量把weex的整个组件化生态圈丰富起来。

如图所示：

![337731-20160906162410691-431483866.png][]

6: Weex的未来发展

对于刚过去的ningJs大会上，尤雨溪宣布联手 Weex。我想现在终于可以明正言顺的叫它："vue-native" ，哈哈哈～～～

![337731-20160906162921066-882828870.png][]

![337731-20160906162938488-729236176.png][]

**＝＝＝＝＝＝＝＝＝＝＝＝＝＝weex 相关知识＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝**

weex 文章： [https://github.com/weexteam/article/issues][https_github.com_weexteam_article_issues]

weex 调试： https://github.com/weexteam/article/issues/50

weex 文档： [http://alibaba.github.io/weex/doc/][http_alibaba.github.io_weex_doc]

weex中使用数据流工具Vuex实践 : [http://www.kmhaoshuai.com/\#!/articles/use-vuex-in-weex][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][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_arttechdesign_is_hot_1]

**勾股**：[http://weibo.com/mx006?from=hissimilar\_home&refer\_flag=1005050003\_&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][http_weibo.com_777865156_is_all_1_loginLayer_1473131847118]

转载于:https://www.cnblogs.com/Kummy/p/5846121.html

[http_alibaba.github.io_weex]: http://alibaba.github.io/weex%20
[337731-20160906160155941-326142340.png]: /images/20211228/193e9160e4904b439f9816c7c83281b6.png
[337731-20160906160924457-223368061.png]: /images/20211228/68e5bcf38b364fd4aefa1aca84079309.png
[https_github.com_weexteam_article_issues_50]: https://github.com/weexteam/article/issues/50
[337731-20160906161429301-464892867.png]: /images/20211228/ee74f2c4df3d48eb8048e50bf261e682.png
[https_github.com_amfe_article_issues_13]: https://github.com/amfe/article/issues/13
[https_github.com_amfe_article_issues_14]: https://github.com/amfe/article/issues/14
[https_github.com_amfe_article_issues_15]: https://github.com/amfe/article/issues/15
[337731-20160906161647019-1755223482.png]: /images/20211228/45e3e0bd7ad445ea942ab5b2b089888c.png
[337731-20160906161728644-746762777.png]: /images/20211228/641220417d274466ab2ac76c843bcea9.png
[337731-20160909142853910-528895486.png]: /images/20211228/65624854851b4892bb0f3393323ecd8b.png
[337731-20160909142912066-1082721500.png]: /images/20211228/f3da1589a62c4ba692229a0e867baefe.png
[337731-20160906162410691-431483866.png]: /images/20211228/518266c5f95c49e8b2fc72a82847955c.png
[337731-20160906162921066-882828870.png]: /images/20211228/81d74cbca3ad4d5aa25d46e91ddee5d9.png
[337731-20160906162938488-729236176.png]: /images/20211228/e25d5d169a6c4075a9d90084b5e68580.png
[https_github.com_weexteam_article_issues]: https://github.com/weexteam/article/issues
[http_alibaba.github.io_weex_doc]: http://alibaba.github.io/weex/doc/
[http_www.kmhaoshuai.com_articles_use-vuex-in-weex]: http://www.kmhaoshuai.com/#!/articles/use-vuex-in-weex
[https_gitter.im_weexteam_cn_utm_source_share-link_utm_medium_link_utm_campaign_share-link]: 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/arttechdesign?is_hot=1
[http_weibo.com_mx006_from_hissimilar_home_refer_flag_1005050003_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]: http://weibo.com/777865156?is_all=1#_loginLayer_1473131847118