转载

Flutter+Serverless 端到端研发架构实践

背景

Serverless（无服务架构）被誉为下一代云计算，自概念推出以来，因为能带来研发交付速度提升与成本的降低在业内异常火爆。闲鱼客户端基于Flutter进行架构演进与创新，通过Flutter统一Android和iOS双端提升研发效能之后，希望通过Flutter+Serverless解决以下问题，从而进一步提升整体研发效率。

各角色间存在大量的协同，导致整体研发效率低。
移动端离业务越来越远，服务端没有时间做底层领域沉淀。

研发架构的演进

接下来我们带着这里两个问题回顾前后端研发架构演进的历史。

Flutter+Serverless 端到端研发架构实践

PC互联网早期没有还没有前后端的概念，此阶段单个业务需求通常一个开发人员可以完成研发，前端网页与后端逻辑都写在一个工程中。随着业务越来越复杂，原本开发者负责前后端研发已经变得效率低下，此阶段随着移动互联网的爆发，服务端需要服务与PC、Android、iOS等多种前端。

服务端总是有一个疑问：服务端设计接口时，是应该面向UI，还是应该面向通用服务？一个方案是抽取一部分服务端做BFF（Backend For Frontend服务于前端的后端），作为前后端之间的适配层，核心是解决数据的聚合与编排，重新探索更合理的分层协作模式。

服务端写BFF带来新的问题，总是包接口无法提升个人能力。如果BFF由端侧同学开发可以解决这个问题，具体技术方案也是接下来我们要思考的问题。

云端一体化技术方案

Flutter+Serverless 端到端研发架构实践

Serverless由BaaS（Backend as a Sevice）与Faas（Function as a Service）两部分组成。BaaS主要包括数据库存储、消息队列等能力，针对复杂的需求建议由服务端在BaaS层封装领域服务供FaaS层使用。作为端侧开发，核心关注客户端与FaaS层的代码开发。

目前公司FaaS环境已经支持Java、Kotlin、Swift、Dart、Node.js等多种语言与框架，闲鱼通过Android（Flutter）、iOS（Flutter）、FaaS（Dart Runtime）都使用Dart达到语言一体，并且实现协议一体与工程一体。

语言一体： Android、iOS、FaaS层使用Dart语言开发，实现三端语言统一，有效屏蔽FaaS层语言学习成本。

协议一体：通过一体化框架屏蔽通信细节，前后端同一份State，减少协议转换，前端同学调用FaaS服务时，如同调用本地函数一样简洁。

工程一体：前后端可以在同一个工程中进行开发，利用Dart特性可以通过Hot Reload机制进行快速开发联调。

闲鱼基于FaaS搭建Dart Runtime环境可参考《 Dart编译技术在服务端的探索和应用》。

下单页一体化实践

下面以闲鱼下单页一体化为例，通过页面渲染与交互两部分展开一体化实践过程。

Flutter+Serverless 端到端研发架构实践

下单渲染一体化

从上图左侧可以看出，客户端渲染此页面需要在端侧请求5个接口，处理渲染接口之间的逻辑，把接口返回的Data转为为ViewModel。经过一体化改造之后，原有在端侧的逻辑都移到FaaS层，包括聚合5个领域服务，处理业务逻辑，进行字段映射与页面编排，端侧无任何渲染与业务逻辑，直接获取返回的ViewModel刷新页面。以下是云端一体之后的流程图。

Flutter+Serverless 端到端研发架构实践