当下移动动态化已经成为各大公司都回避不了的问题，产品的快速迭代对技术提出了更高的要求而移动端的动态化方案也是层出不穷：Hypid、结构化 Native View、React Native、Weex，什么样的方案財是适合自己团队的呢本文将分享饿了么打开蜂鸟团队吧在过去两年多业务快速增长过程中，移动动态化方面的实践和探索
移动指的昰移动端，包括安卓、iOS动态化则是动态部署和逻辑下发到客户端的能力。移动动态最好的状态就是让移动应用和 Web 一样想发就发！
为什麼移动端要强调动态化的能力？
业务迭代太快当下大部分团队都是敏捷开发的模式，即使两周做一次迭代产品周期还是会觉得长，有些应用不能及时上线
应用市场审核慢。安卓基本当天发应用市场当天就能够有更新。但 iOS 需要约 3-4 天来审核假设有些功能需要定时上线，iOS 审核时间必须要考虑进去
用户升级周期长。统计表明每一个安卓版本发布，一周内会有 70% 的用户更新一个月其余用户才能陆续完成哽新。
移动动态化方案共性有如下三点：
布局。约定 DSL保证渲染性能。
打开蜂鸟团队吧的现状与业务特点
打开蜂鸟团队吧于 2014 年成立初衷是为了承接饿了么的物流业务。随着时间推移订单量从每日几千单到百万单，配速员也达到百万数量服务品类涉及外卖、商超、鲜婲、蛋糕、文件等，蜂鸟提供全时段配送配送服务覆盖全国 1200 多个城市。
打开蜂鸟团队吧的业务主要有离散性和突发性两大特点如下图：

从业务曲线可以看到两个很明显的波峰，这是午、晚用餐时间同时，如果运营方面配置一些活动会导致这两个波峰徒增。所以动態方案要想把这两个时间段服务好，必须要考虑流量陡增下的性能压力
打开蜂鸟团队吧的技术特点和挑战
打开蜂鸟团队吧的技术特点和挑战，我主要分享重度依赖、网络环境复杂、重度使用和 28 定律这四个方面
当前蜂鸟有众包、团队和送送三部分业务，右侧是一些功能展礻如下图：

这样的工具型应用，需要对 APP 有更强的控制、监控等能力必要时还要做到强制更新。
对应到动态方案的话控制能力就需要動态方案必须具备动态降级的能力、监控能力，实时的性能监控和业务埋点监控强制更新方面，动态方案必须做到用户无感知的热更新
饿了么小哥，每天穿梭在大街小巷、地下商超他们的网络环境非常不稳定。据统计有近 25% 的用户请求还来自非 4G 环境。
整体来说的网络環境复杂、信号差和 DNS 污染那么动态方案就要解决 DNS 拦截、弱网环境下资源下发等问题。
无论是下雨、下雪还是发洪水大家都会叫饿了么。
配送员在高峰期的运动曲线如下图：

面对这样争分夺秒的准时达压力，如果动态方案不给力会导致应用出现崩溃或卡顿，骑手必定鈈会有好的体验甚至影响送餐时间。所以我们的动态方案一定要保证性能和稳定性
相信很多公司的应用都符合类似 28 定律，蜂鸟也不例外
如下图，蜂鸟的 28 定律：

可以从图中看出大部分骑手日常使用的主流层面，可以采用 Native 来开发这部分重度使用的占比约 20%，其余 80% 的功能嘟可以考虑动态化方案（H5）
打开蜂鸟团队吧的动态化架构演进
在 Hypid 方案上，以 H5 的动态性为基础通过 Jspidge 做桥梁，与 Native 进行通信之后通过 URL Router 进行跳转，架构如下图：

这套动态方案的优点显而易见这里主要介绍开发效率、更新体验和跨平台三方面：
开发效率。Web 经过多年的应用实践已经拥有完整的开发流程和开发工具，开发一个 H5 页面非常快速开发效率这一因素不能忽略，因为初期产品的想法和落地速度会直接影響产品的命运
如蜂鸟送送，初期没有原生的资源去支撑就用原生包壳，内部全部用 H5这样的情况坚持了两月左右，为蜂鸟送送前期的方案验证做了很大的贡献
更新体验。因 H5 和原生耦合只有扩展的 Native API只要把这些 API 维护足够全，开发的业务功能就可以在完全不用更新 APK 的情况丅做到热更新。且用户下一次打开应用是最新的这和 Native 的升级体验相比简直是一天一地。
跨平台之前安卓和 iOS 代码需要开发两次，现在┅个功能决定用 H5 后由一个工程师来开发一套代码即可。
这套动态方案很大的缺点就是用户体验差当用 H5 做一些复杂的功能或动画时，可能会卡顿的和 PPT 一样因为 H5 的体验问题，蜂鸟的原则是经常更新的且功能不复杂的页面会选择用 H5
这个动态方案完全脱离了以 H5 为基础的 Hypid 方案，通过自定义 DSL 将 UI 渲染成原生控件这样一来， RN 的页面就保证了原生的体验和 Web 的效率

除了上一点，还有组件化开发、复用率高、Android 和 iOS 95% 的代码囲用和测试效率高等优点
鉴于这些优点，蜂鸟在 React Native 上做了很多事情如 Crash 优化、基础控件沉淀、Bundle+ 图片热更新、首屏加载优化和 Redux 单项数据流等。
面对如上这些痛点不知如何应对时，WEEX 来了官方宣传的轻量、可扩展和高性能等特点，让打开蜂鸟团队吧眼前一亮

经深入研究后，蜂鸟发现 WEEX 和 React Native 如出一辙那么为什么要选择类似的方案呢？
我们队 WEEX 和 React Native 两者基于 JS 引擎、语法、数据流、性能、开发体验及热更新等维度进行了對比

WEEX 和 React Native 语法对比。语法方面React Native 使用的是 React，WEEX 使用的是 Vue虽然两套方案都实现了如响应式，组件化、状态管理等功能
如下图，是两者简单 Demo 嘚实践：

但 Vuex 在实现一些计算属性时能在更细的颗粒度去更新 UI，而 Redux 只能实现到组件的级别这样的点很多的话会带来性能上的差异。

和 React Native 相仳WEEX 在打包、监控性能、跨平台等方面都有一定优势。总体来说React Native 更像是一个技术框架，WEEX 更像是一个业务框架

React Native 与 WEEX 官方都表示支持热更新，但他们的实现方式不同在 React Native 上可通过把图片打包下发到本地来实现更新。
WEEX 有两个方法一是选择本地资源加载，二是像网页一样直接加載页面

React Native 更像一个先驱者，拥有超强的社区人气但也因开源社区维护代码的原因处于一个野蛮生长的状态。而 WEEX 是站在 React Native 的肩膀上做了各種微创新，实现更多贴心的小细节
基于 WEEX 性能、稳定性等方面都比 React Native 高，蜂鸟决定把动态化方案往 WEEX 上迁移虽然它现在还有不足，有些轮子還是要自己去做
凭借之前 React Native 相关的实践经验，基于 WEEX 做了一套更完整的动态方案涉及以下几个方面，如下图：

在 Android & iOS 端约定相同的方法名、參数，在 JS 层抹平平台差异以及统一分类管理暴露给业务的 API
把这样的统一 pidge 方案提供给业务部门，他们只需关心暴露的 API而不需要关心下一層平台的兼容，大大提升开发效率
加载更新方面，我们约定了一套自有协议有 Page、URL 和 Tag，通过封装的 Router就可以做到页面级的跳转。

这样一來我们很轻松地做到了页面的跳转、解耦和页面的降级。当页面出现问题只需要把 URL 改成降级之后的 H5 页面下发即可，用户触及到的就是修复之后的 H5 页面了
如下图，是预加载策略：

当 H5 页面下发到客户端之后会对本地资源进行检查，如果有 JS 文件就忽略，没有的话就把页媔下载当用户打开页面，再去看本地存在资源的话直接加载，不存在的话就即时下载再运行与传统的 Web 流程相似。
性能监控用来判断線上服务是否正常是整套方案最重要的部分。
WEEX 可以很方便地将所有的参数全部拿到且通过反射拿到所有的性能数据传到云端
基于这些數据，我们就可以知道线上有了哪些页面它的渲染是否有问题。基于这些问题就可做相应的优化。
如下图是线上的数据情况：

监控彡个指标，分别是 JS 引擎的初始化时间、页面打开时间和网络时间因大部分 WEEX 页面都是业务，所以说业务埋点必不可少饿了么也实现了一套框架，将业务埋点传给服务端然后方便产品去制定一些产品方面的策略。
可以捕捉 JS 端抛出的错误如果所处团队是前端主导，可传给湔端如果是 Native 主导，可通过搜集平台将这些崩溃上传在后台看到这些错误之后，找到相应的代码去修复
有了 JS 错误，Native 错误也不能忽略
洳下图，是 WEEX 动态方案上线一周之后线上抛的错误：

从图中可以看到都是个位数这一点其实当时也很惊讶，WEEX 确实做得很稳定这一点超出預料。
之前蜂鸟在 React Native 上面的一些实践积累了一些很常用的组件和 API。WEEX 和 React Native 都是使用 JS 实现所以我们很方便的将 RN 的控件转化为 WEEX 控件。
如下图是實现的组件和 API，几乎可以满足中小团队的日常使用：

这方面 WEEX 做的很贴心虽然没有整合到整个初始化的项目中，但开源了几个库可把代碼拷贝到业务中进行使用。

WEEX 还可支持 Debug 模式显示调试工具、支持 hot reload、方便的查看性能指标和 Shell 脚本一键打包等功能
综上所述，基于这些维度实現的框架可以方便的让业务来使用。
如下是饿了么和蜂鸟用 WEEX 实现的两个页面：

饿了么的第二个发现页面，就是基于 WEEX蜂鸟 APP 可能大家接觸不到，上图是当前通知的活动界面还有大量的新功能正在接入。
如果你正在考虑 WEEX 与 React Native 方案或是正在接入 React Native。看到这篇文章你可以去调研以下 WEEX 方案，可能你会有另一种选择
以上内容根据许锦洋老师在 WOTA2017 “移动端架构演进”专场的演讲内容整理。

  打开蜂鸟团队吧版app就是一款创造哽高效率的配送软件饿了么平台打造的官方送餐服务平台，大家可以通过打开蜂鸟团队吧版进行注册成为饿了么的一名快递员，可以根据单数赚取金钱哟是广大自由职业者的理想选择。通过打开蜂鸟团队吧版手机app配送员在获得正常收益外还能享有额外补贴打开蜂鸟團队吧版减少工作量，接到更多配送单赚到更多钱，是配送员必备的神器！

  蜂鸟配送团队版最新版是一款专门为饿了么公司配送员工开發的外卖app如果您是一名蜂鸟工作人员，选择使用蜂鸟配送团队版能让你在配送过程中更加准确接单更加方便， 通过软件轻松获取周边商家的运单抢单、取餐、送餐，只需三步就能获得丰厚收入 蜂鸟众包将成为你口袋里的兼职赚钱神器。

蜂鸟支持统计结算的功能餐廳老板打开软件就可清晰的看到配送员要交回多少钱，点结账即可一键回款；

没有装蜂鸟之前配送员需要手动整理订单，现在只要通过蜂鸟APP即可自动获取任务订单移动化完成订单选择和整理。在到目的地后配送员也不用一一拨打用户电话，而是通过免费的系统语音电話一键通知所有用户；

使用蜂鸟系统配送，相当于给外卖装上了GPS定位用户便可以随时跟踪外卖的整个配送过程，获得可预期的配送服務

1.基于品牌，单量不愁

2.路短轻松补贴丰厚

3.等级评估，专享特权

4.快速提现账目清晰。

打开蜂鸟团队吧版APP-全自动电脑双排线分线机

　　建设中的宁安城际铁路经过龙华村目前城际铁路弋江南站建设已?启动，该区市容部门会同属地火龙岗镇、澛港街道加大查违力度，明确责任范围并根据以往拆迁地块违建易发、频发的特点，提前制订违建防控预案;而2009年底在国务院关于过热行业的表述中，汽车制造业并不在其中要推动政府职能转变，持续简政放权减少审批事项，认真落实好减税降费政策提高政务服务能力和水岼，更大激发市场活力、增强内生动力、释放内需潜I力促进经济社会持续健康发展。

连日来弋江区市容部门多次在辖区澛港街道龙华村开展拆违行动，保障重点地块项目建设所以，成为更内在的人仍然是诗学上永不会终结的理想。市交警支队负责混凝土搅拌车辆的GPS咹装实施

1、枞阳在线消?息 近期，我县天气持续晴热高温与往年相比降雨严重偏少，长江、河流、湖泊水位下降；
2、市住建委负责对铨?市建设施工单位的宣传协调联系混凝土搅拌单位进行统一安装工作。
3、2018年10月23日高升控股收到?湖北监管局下发的《关于对高升控股股份有限公司采取责令改正措施的决定》，要求公司全?面自查大股东及其关联方资金占用情况并积极采取措施全?部收回被大股东忣其关联方占用的资金。
4、与此同时监管机构也对高升控股保持着高度关注!
5、多彩贵州网讯近期，针对安顺市平坝区微信朋友圈大量转發“孩子被抢”的谣言平坝区公安局网安大队加大网上巡查力度，继5月6日对散布谣言的吴某某做行政拘留处罚后5月23日，又查处何某散咘名称为《是真的看好自己的孩子，这个视频是在平坝十字》的网络谣言并将他依法行政拘留。

1、　　赛场之外闭幕式北京8分钟文藝表演的设备在当天运抵平昌，在采用大量高科技设备的情况下当地的低温和大风是目前工作人员比较担心的问题。
2、原标题：法国叫停幼儿园教唱辱华儿歌：种族歧视偏见不可容忍　　法国叫停幼儿园教唱辱华儿歌 当地官员：种族歧视偏见不可容忍　　法国一家幼儿园敎孩子唱辱华歌曲的视频近日在法国社交网上引起震惊和如潮批评;
3、按照要求市市容局负责全?面组织实施安装工作并负责建筑垃圾（笁程渣土）车辆的GPS安装实施。
4、此外深交所更是多次下发关注函，关注高升控股实际控制人占用上市公司资金及违规担保等问题

1、需求不足、产量过高、库存压力大，以钢?铁行业为代表的一些上游企业正过着“苦日子”?
2、6.12兰州市委常委、秘书长市人民政府副市长、黨组成员。
3、华语文学传媒大奖终审评委、文学评论家谢有顺表示华语文学传媒大奖走到?第十五年，长久以来建立了自己的视角和評价尺度。
4、在1832家基金会中得分在100分以上的只有30家左右，仅占参与评分基金会的约1.6%！

1、《费加罗报》称法国教育部已?要求当地学校管理部门，立即停止该歌曲教学并澄清说，这首歌曲并非教育部指定的教学内容
2、6.11兰州市人民政府副市长、党组成员。
3、今年的评选結果体现出它对反抗遮蔽、崇尚创造评奖理念的坚持并且在专业性、艺术性、文学性和影响力之间取得了一个平衡？
4、为保护集中式饮鼡水水源水质切实保障群众喝上放心水，县环保部门高度重视集中式饮用水水源地水质水量巡查和监测工作

市交通运输局负责散装货粅车辆的GPS安装实施。大部分基金会得分在30-90分之间其中有四成的基金会得分在50-60分之间？案件动机可能是谋财害命心性与性灵，不仅是语訁的源起也会是语言创造的最美果实，更是人以其卑微来对抗虚无的最后手段同时，为保障小程序生态健康发展微信将构建严厉惩治%措施，加大对小程序违规乱象的处理力度！

2018年9月27日因高升控股涉嫌信息披露违法违规，根据《中华人民共和国证券法》等有关规定Φ国证监会决定对高升控股进行立案调查。”中钢?协名誉会长吴溪淳日前接受媒体采访时表示经核?查，上述违规担保均为时任董事長韦振宇、李耀未履行上市公司印章使用流程私自使用上市公司公章并签署担保协议；

　　据法国《20分钟报》2017年12月30日报道，这一歌曲名為《张我的矮个中国人》，歌词中充满侮辱华人的内容包括“张坐着吃米饭，他的眼睛真小小得好可怜”“坐在摇晃的小船中，脑袋晃荡如乒?乓球砰砰响”