2019 最前沿的几个 Flutter 实践:微信、闲鱼、美团

13,127 阅读3分钟
原文链接: mp.weixin.qq.com

上周四,我去北京国际会议中心参加了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

推荐阅读破解付费美女直播视频软件时隔4年,我的第二本书出版了Flutter 移动端架构实践

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

   在看也是一种认可