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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原创《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

  

以上是关于原创《weex面向未来的架构》的主要内容,如果未能解决你的问题,请参考以下文章

Weex背后的大咖 | 天施 告诉你Weex的前世今生和未来之路

Weex的当下和未来

Weex的前世今生 - 技术社区与未来

构建面向未来的前端架构

Weex——关于移动端动态性的思考实现和未来

Weex——关于移动端动态性的思考实现和未来