2019 最前沿的几个 Flutter 实践：微信咸鱼美团

Posted 2021-04-29 玉刚说

上周四，我去北京国际会议中心参加了GMTC全球大前端技术大会，会议议题很多，我只关注了跨平台专场。在这个专场，微信小程序、阿里咸鱼和美团都分享了自己在Flutter方向的实践，我之前以为咸鱼对Flutter的研究比较超前，听了微信和美团的分享后才知道，咸鱼搞的那些都不算啥，我也算是大开眼界了，所以我想把这几个实践案例分享给你们，PPT在文末。

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

微信小程序，最开始是采用Webview渲染的方案，后面又采用了React-Native-Like的方案，再后来微信提出了一个很大胆的想法：上层依然使用WXML+WXSS来表示，但是底层使用Flutter引擎来渲染，而且他们觉得Platform Channel通信效率低，自己整了一个dart2cpp的模块来负责通信。

我看完以后，觉得确实牛逼，连Flutter的Platform Channel都给干掉了，Google知道后会不会又一次拜服给国内的工程师，没办法，咱国内的工程师就是思维活跃，点子多。

概览：

• 小程序的体验问题根源

• 类 RN 的原生渲染解决方案

• 跨平台的 LV-CPP 渲染方案

• 使用 Flutter 优化 LV-CPP 跨平台渲染方案

闲鱼基于Flutter技术的架构演进与创新

咸鱼作为Google Flutter的大力实践者和推手，他们的方案必定是中规中矩的，不可能像微信小程序那样大刀阔斧地开干。

这次分享主要讲述了咸鱼在Flutter方向的实践历程和踩坑经验：不太完善的设计的一些改进，如重新设计构建的新混合栈体系，以及资源一体化项目的一些进展和效果，新开源框架fish redux的设计以及实践效果，在闲鱼构建的研发智能化体系是怎样的，给Flutter带来了怎么样的效率提升，基于Flutter的高可用性的度量标准以及设计方案是怎样的，等等。

概览：

• Flutter的优势与挑战

• 基于Flutter的架构体系演进

• 基于Flutter的工程体系建设

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

美团的方案也很牛逼，和微信的方案有异曲同工之妙，看了之后确实佩服，倒不是说他们的方案多么不可思议，而是他们敢想敢干。

微信和咸鱼都强调Flutter的跨平台，而美团则强调了Flutter的动态化，而我们知道，Flutter不支持线上的动态化，所以美团的分享主要围绕逻辑层动态化和渲染层动态化来进行。由于美团的分享PPT是不外传（但是我有）的，所以里面的方案细节我就简单提一下，PPT暂时不放出了。

美团在动态化引擎部分预置了一个JSC模块，也就是JsCore，通过JSC来执行javascript从而实现逻辑层的动态化，而渲染层动态化则通过xml+css来展示，然后解析生成布局树并最终通过Flutter来渲染，可见Flutter渲染方案确实牛逼，不管是微信小程序还是美团，他们都通过Flutter来做渲染。

PPT链接

https://pan.baidu.com/s/1FdiPLpREQ99mRQWn7e4Kwg
提取码: 98e7

推荐阅读

编程·思维·职场
欢迎扫码关注

  在看也是一种认可