共计 1589 个字符，预计需要花费 4 分钟才能阅读完成。

这篇文章主要讲解了“Flutter+FaaS 双端协议一体开发的方法是什么”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着丸趣 TV 小编的思路慢慢深入，一起来研究和学习“Flutter+FaaS 双端协议一体开发的方法是什么”吧！

研发架构的演进

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

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

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

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

云端一体化技术方案

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 机制进行快速开发联调。

下单页一体化实践

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

下单渲染一体化

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

下单页交互操作一体化

从上图右侧可以看出，有 4 种操作都会改变实付款，原本这些操作处理逻辑都在端侧处理，一体化改造之后，端侧不存在任何计算逻辑，客户端每次操作都会请求服务端，有 FaaS 进行红包是否过期等数据校验，再返回页面数据进行刷新。

一体化研发框架

Nexus Framework：基于 Flutter 的一体化移动端 UI 框架。
Logic Engine：基于 Flutter 的一体化通信与调度框架。
Nexus Server：基于 Dart Runtime 的一体化服务端框架。

代码示例

下图为客户端下单页初始化的代码示例：

下图为 FaaS 层对客户端发起的初始化请求的处理：

感谢各位的阅读，以上就是“Flutter+FaaS 双端协议一体开发的方法是什么”的内容了，经过本文的学习后，相信大家对 Flutter+FaaS 双端协议一体开发的方法是什么这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是丸趣 TV，丸趣 TV 小编将为大家推送更多相关知识点的文章，欢迎关注！