从谷歌I/O大会说起，跨平台开发到底哪家强？

2019 年 5 月 15 日 前端之巅

在本次举行的 2019 谷歌 I/O 大会上，公布了 Flutter 实现 Web 访问、提供自定义图像分类模型的新特性，并介绍 Flutter 在桌面系统及嵌入式设备中的应用与未来的发展，对于开发者来说可谓是福音连连。跨平台解决方案也在国内外受到了越来越多开发者的重视，从 Facebook 的 RN 到阿里的 Weex，科技巨头们都在极力推广自己的跨平台开发技术。

作为开发者，我们总是在追求效率和性能上不断探索和实践，这也是企业生存之道。效率和性能往往是一个矛盾点，为了效率我们探索的通用方案会带来冗余性能损耗、为了性能我们需要针对特定环境专项优化而失去通用性以至于效率折损。跨平台解决方案的出现，就是为了寻求效率和性能的平衡。对于企业以及团队而言，选择合适的开发语言及框架、跨平台中 UI 复用、不同平台 API 高扩展性、基于效率之上性能最优等，一直都是围绕着跨平台技术和解决方案展开探索的重点。

在即将到来的 GMTC 全球大前端技术大会 上，我们在众多公司的跨平台解决方案中精挑细选，为大家选择的以下几个非常优秀的案例，可以说是目前市面上非常有代表性的技术解决方案，供大家学习与参考。

基于小程序技术栈的微信客户端跨平台实践

内容简介：小程序自诞生以来，经过两年多的发展，成为了微信开发者生态中最具有生命力的一环，为外部开发者开辟了全新的想象空间。然而，小程序带来的改变绝不仅限于微信之外，小程序技术栈的确立，又对微信客户端的研发产生了怎样的影响？本次分享将带来微信客户端中基于小程序技术栈的跨平台开发实践。

演讲提纲：

微信客户端的跨平台实践尝试
（1）微信客户端跨平台技术的应用历程

基础组件的跨平台
业务开发的跨平台

小程序与微信客户端
（1）客户端视角的小程序运行框架简介
（2）小程序技术栈如何为微信客户端业务服务
基于小程序技术栈的微信客户端跨平台实践
（1）运行效率和研发效率的平衡
（2）如何解决小程序用作客户端功能开发的体验问题

小程序的体验问题根源
类 RN 的原生渲染解决方案
跨平台的 LV-CPP 渲染方案
使用 Flutter 优化 LV-CPP 跨平台渲染方案

总结与展望
（1）Flutter 在微信中的其他应用

基于小程序技术栈的微信客户端跨平台实践

内容简介：

小程序自诞生以来，经过两年多的发展，成为了微信开发者生态中最具有生命力的一环，为外部开发者开辟了全新的想象空间。然而，小程序带来的改变绝不仅限于微信之外，小程序技术栈的确立，又对微信客户端的研发产生了怎样的影响？本次分享将带来微信客户端中基于小程序技术栈的跨平台开发实践。

演讲提纲：

Flutter 的优势与挑战
回顾 beta 到 release 的一些变化，以及去年分享的简单回顾，推导出在大规模应用下我们遇到的新问题 -- 研发效率 / 稳定性 / 用户体验。
基于 Flutter 的架构体系演进
（1）架构的升级与完善
核心分享去年不太完善的设计的一些改进，如重新设计构建的新混合栈体系，以及资源一体化项目的一些进展和效果。
（2）业内首创，复杂业务克星 fish redux
核心分享新开源框架 fish redux 的设计，以及实践效果。
基于 Flutter 的工程体系建设
（1）Flutter 与研发智能化
在闲鱼构建的研发智能化体系是怎样的，给 Flutter 带来了怎么样的效率提升。
（2）Flutter 与高可用体系建设
基于 Flutter 的高可用性的度量标准以及设计方案是怎样的
总结与展望

基于 Electron 的跨平台桌面客户端开发实践

内容简介：Electron 是一款流行的跨平台桌面客户端开发框架，VSCode、Teams 等多款基于它开发的产品的成功，更是证实了它在大型跨平台桌面客户端开发方面的能力和优势。本次演讲将结合 Lark 桌面客户端的开发实践，分享基于 Electron 的跨平台桌面客户端开发在功能扩展、性能优化、安全加固、工程建设、架构设计等多个维度面临的挑战和相关的实践经验。

本演讲最后将回顾总结基于 Electron 的跨平台桌面客户端在开发实践中的一些陷阱和注意事项。同时也会展望未来结合 WebAssembly、SharedArrayBuffer、Web Worker 等 Web 技术，如何对基于 Electron 的跨平台应用做到更自然且更极致的体验优化。

演讲提纲：

Electron 的能力

（1）Web 应用体验增强的需求和挑战（2）Electron 的解题思路和特性

Lark 的技术挑战

（1）需求介绍（2）技术挑战

Lark 的实践经验

（1）功能扩展

功能扩展以及系统能力调用
原生体验以及平台特性

（2）性能优化

Electron 窗口渲染流水线以及启动优化
Chromium 系的内存挑战和解决思路
并行计算的技术挑战和实践方案

（3）安全加固

代码加密以及反编译防范
毒软件误杀的处理经验

（4）工程建设

持续集成
发版更新
日志监控
AB 测试

（5）架构设计

平台化、商业化的挑战和业务拆分方法
业务运行环境分离的必要性和实践
注意事项

（1）Node 能力的控制策略（2）IPC 的性能问题（3）崩溃的解决之道

未来展望

（1）基于纯 Web 技术的真正意义的并发控制的解决思路（2）Electron 和 Web 环境下的代码复用

基于跨平台框架 Flutter 的动态化平台建设

内容简介：作为跨平台方案，2018 年开始推出的 Flutter 可谓是跨平台的优异解决方案。随着 Release 1.0 的发布，美团积极跟进了 Flutter 技术。发现了 Flutter 在优异的跨平台方案上最大的不足在于其缺乏一定的动态性。所以美团技术团队基于 Flutter 开发了动态化的能力，使之形成了一个支持动态的 Flutter 开发平台。

演讲提纲：

Flutter 前世今生

（1）简短的介绍下 Flutter，进而引出 Flutter 缺乏动态化而带来的不足。

跨平台与动态化

（1）跨平台随着移动开发越发的追求开发效率与体验一致性，各大公司对跨平台的需求日益攀升。Flutter 为跨平台提供了很优异的解决方案。我们可以和曾经的跨平台方案进行一系列的对比。（2）动态化为了满足市场快速更新和迭代的需要，尤其是电商行业是非常需要动态化能力的。平台化 - 容器化 - 生态化是一个行之有效的发展路径。介绍下美团在这些方面的建设。

Flutter 平台化的建设

（1）基于 Flutter 的平台架构有了 Flutter，我们可以从双端架构向跨平台有了很好的迁移，也可以增加动态化方案以满足业务快速迭代的需要。（2）逻辑层的动态化介绍如何通过修改 Flutter Engine 使其满足 JavaScript 脚本的运行。（3）渲染层的动态化介绍从 XML + CSS 到本地映射结构，通过分析输出到 Widget 的过程。