移动端开发：关于移动端开发框架Weex的详解

Weex可以解决多端研发和频繁发版这两个问题，它是怎么做到的呢？其实原理很简单，对于前者而言，Weex做到了尽量高的代码复用率，达到各平台使用同一份代码的目的；而对于后者，由于Weex是一个纯Js框架，通过js语言的特殊性，可以动态地刷新界面，避免频繁发版。


移动端开发框架Weex的工作原理，简单地来说，是自定义了一套DSL语言(.we)，配合vue实现数据绑定、vdom等等功能。再通过native端与JS端的数据、API交互使得最终体现为native的调用过程，并在设计之初就考虑到在三端（iOS、安卓和H5）上能够得到展现。


再说一下服务端和客户端的组成。首先，服务端，在最初的DSL，即Weex文件（.we），通过Transformer转换成JsBundle，继而部署到服务器，至此服务器已完成。同时由于转换在服务器就已经完成，因此也避免了对应的性能问题。其次，客户端，第一层是JS-Framework，最后到各平台对应的RenderRengine。


目前，移动端开发框架Weex有3种集成方式：


全页模式：目前支持单页使用或整个App使用Weex开发（还不完善，需要开发Router和生命周期管理），这是主推的模式，可以类比RN。


NativeComponent模式：把Weex当作一个iOS或Android组件来使用，类比ImageView。这类需求遍布手淘主链路，如首页、主搜结果、交易组件化等，这类Native页面主体已经很稳定，但是局部动态化需求旺盛导致频繁发版，解决这类问题也是Weex的重点。


H5Component模式：在H5种使用Weex，类比WVC。一些较复杂或特殊的H5页面短期内无法完全转为Weex全页模式（或RN），比如互动类页面、一些复杂频道页等。这个痛点的解决办法是：在现有的H5页面上做微调，引入Native解决长列表内存暴增、滚动不流畅、动画/手势体验差等问题。


最后，总结一下移动端开发框架Weex的优缺点：


优点：


1.轻量级。简单的DSL语言易于上手，整个框架轻便小巧。尤其是DSL语言避免了全局冲突，可自定义各种classname而不用担心冲突，个人认为是基于css的一个重要改进。


2.扩展性和性能高。阿里在发布会上重点强调了这两个质量属性，相比于相对成熟的RN，均占有优势。


3.组件化。Weex本身编写的界面就天然地支持组件化，同时支持大部分组件——除了div空白容器、图片、文本之外，还有比如Slider这种性能较好的滑块组件，前台开发的程序员经常会使用到的。


4.开发成本相对较低。


缺点：


1.bug众多。由于Weex推出时日不长，其中还有很多bug待发现。


2.社区、文档以中文为主，缺少英文版本，国际化程度较低，文档更新速度较慢。虽然通过Twitter获得较高的国外关注度。


3.社区规模小，阿里员工占据了大部分，知名度较低。


延伸阅读

—————————


“广州优匠科技”是一家由经验丰富的技术设计开发团队创办的软件外包公司。专注于小程序、公众号、APP、软件系统等相关技术的定制与开发。


优匠科技深耕在互联⽹服务领域多年，有着几百多家的成功案例经验与资深的专业技术团队，能够帮助企业解决很多技术上的难题。


公司多年来一直都是用“匠心精神”去做好技术和产品服务。如有兴趣合作或是产品开发需求的朋友，欢迎前来咨询了解！！