我们确实找不到一套方案来解决所有问题，所以我们都做了。
美团点评资深技术专家 方锦涛 如是说。
《美团客户端动态化实践》的学习笔记。
除了一些重交互的效率工具，其它的都是JS的天下。
关于美团业务
- 200+个品类
- 美团客户端平台
- 众口难调
- 业务发展阶段不一样
- 团队技术栈不一样
- 历史包袱不一样
- 众口难调
移动端开发的痛点
- Native
- 多端开发
- 升级慢
- H5
- 功能弱
- 体验差
- Native优化
- 提高迭代效率
- 开发效率
- 更新效率
- 提高迭代效率
- H5优化
- 功能问题
- 体验问题
- 已知方案
- 百度 轻应用，小程序，DynamicLoadAPK，ReactNative，HtmlNative
- 阿里巴巴 支付宝小程序，Weex，Atlas，Tangram
- 腾讯 微信小程序，VasSonic，ReactNative
- Google Android Instant App，Progressive Web App，Flutter
- Facebook ReactNative
- 携程 DynamicAPK，Ctrip ReactNative（CRN）
- 滴滴 VirtualAPK，DynamicCocoa
- 其它 快应用
- 动态化技术方案总结
- 布局动态化
- 虚拟运行环境
- 业务插件化
- Web容器增强
美团动态化方案的选择
- 特点
- 迁移效率
- 开发效率
- 更新效率
- 稳定性
- 流畅度
- Web容器增强
- 流畅度太差
- 业务插件化
- 开发效率稍差
- 布局动态化
- 方案简单，稳定，用在了美团首页
- 虚拟运行环境
- 迁移效率低
- 开发效率高
- 美团“发现”Tab 使用的ReactNative
- 美团客户端动态化的痛点
- 动态化诉求不一致
- 业务发展阶段不同
- 团队技术栈不同
- 历史包袱不同
- 确定 多套解决方案
- 布局动态化
- MTFlexbox
- 美团首页、搜索结果页、外卖首页、美食首页等
- 业务插件化
- 美团插件化框架 Hydra
- 搜索业务，火车票、机票、周边游、到餐旗舰店、金融闪付等
- 虚拟运行环境
- MRN
- 收藏业务、内容业务、火车票部分页面、外卖退款页等
- Web容器增强
- TitansX
- 各种运营活动页面
- 布局动态化
- 动态化诉求不一致
移动端动态化未来之路
-
PC年代
- CS - 纯客户端开发
- 生产力工具，重交互效率
- PS - 网页
- 功能专一
- CS - 纯客户端开发
-
移动年代 类似PC
- 编辑工具，效率工具
- 还是Native的天下
- 交易工具
- BS方向，小程序，快应用，PWA，RN
- 资讯工具
- 小程序、PWA
- 通讯工具
- 业务插件化
- 编辑工具，效率工具