基于 Serverless 的业务轻研发模式探索
如果无法正常显示,请先停止浏览器的去广告插件。
1. 支付宝体验科技沙龙 · 数金荟
基于Serverless的大前端轻研发平台
业务前端研发模式探索
演讲人:奇谈
2. 奇谈
先后在 支付体验技术/余额宝体验技术组
一名热衷于硬件的软件工程师
喜欢让JS运行在各个硬件平台
https://github.com/LanFly
3. 目录
1. 蚂蚁集团业务前 2. 轻研发平台 3.业务前端未
端研发体系 如何解局 来发展趋势
4. 蚂蚁集团业务前端研发体系
前端用工体系
PC Web
H5
小程序
Native
Low-Code First
课程培训
新人
考证认证
前端低代码平台
上岗
Pro-Code as needed
前端应用框架
文化建设
部署平台
前端部署
服务端部署
大屏
5. 蚂蚁集团业务前端研发体系
BFF(Backend For Frontend)
前端
网关
BFF (常见的 NodeJS or JAVA)
微服务
微服务
中间件 (DB、用户体系)
6. 目前的前端开发流程
需求评审
设计
系分测分
编码
联调
测试
上线
监控应急
运维
运营
7. 目前的前端开发流程
需求评审
需求变
更
设计
文档零散
系分测分
系分不
保鲜
文档分散在各个地方
编码
联调
测试
上线
监控应急
运维
运营
8. 目前的前端开发流程
需求评审
设计
系分测分
编码 联调 测试
企业级应 BFF应用 企业级
用打包部 打包部 应用依
署慢 署慢 赖多
企业级应用依赖多、打包部署慢
上线
监控应急
运维
运营
9. 目前的前端开发流程
需求评审
设计
系分测分
编码
联调
测试
上线 监控应急 兜底代码 监控日 用例
多、部署 志缺失 多、易
依赖 覆盖少 漏测
运维
运营
动态化
用户基数大,安全生产要求高,兜底代码多
10. 目前的前端开发流程
BFF的引入 + 安全生产要求高(金融类业务) =>
需求评审
设计
系分测分
编码
联调
测试
前端研发复杂度增加
上线
监控应急
运维
运营
11. 目前的前端开发流程
2. 轻研发平台如何解局
需求评审
设计
文档即代码
系分测分
编码
联调
函数级研发部署
测试
上线
监控应急
运维
一体化研发环境 插件能力
运营
12. 轻研发平台能力 | 核心思想1 - 函数级研发部署
多应用级 函数级
(前端 + BFF) (一体化)
利用FaaS技术将多应用级研发部署变为函数级研发部署
参考支付宝体验科技视频号:⻬穹《手把手搞定渐进式Node FaaS》
13. 轻研发平台能力 | 核心思想1 - 函数级研发部署
BFF 接口
开箱即用
无环境依赖
独立部署
14. 轻研发平台能力 | 核心思想1 - 函数级研发部署
独立部署
资产A
云端一体轻研发(快速发布)
( 传统模式 -> 前后端分离 -> BFF层引入 -> 回归传统模式 )
产物
线上运行链路
前端容器
数据+JS (UI) 一起下发
解决前后端依赖顺序问题
一个yaml文件
基础库 通用组件
数据 + JS
系分/注释 Less
需求卡片化
Js
NodeJs H5
BFF
运行容器
独立部署
资产B
15. 轻研发平台能力 | 核心思想1 - 函数级研发部署
前后端代码同时下发
分离前端代码
16. 轻研发平台能力 | 核心思想2 - 文档即代码
独立 研发一体化
文档和代码 文档即代码
文档(需求、视觉、系分、测分、代码等等)集中管理
利用智能化等技术从文档生成代码,解决文档代码不保鲜
17. 轻研发平台能力 | 核心思想2 - 文档即代码
需求概述 网关配置 压测限流
接口设计 应急预案 配置信息
上下游 流程图/时序 发布依赖/检查
18. 需求概述 网关配置 压测限流
接口设计 应急预案 配置信息
上下游 流程图/时序 发布依赖/检查
19. 需求概述 网关配置 压测限流
接口设计 应急/预案 配置信息
上下游 流程图/时序 发布依赖/检查
20. 需求概述 网关配置 压测限流
接口设计 应急预案 配置信息
上下游 流程图/时序 发布依赖/检查
21. 一体化研发全流程
需求概述 网关配置 压测限流
接口设计 应急预案 配置信息
上下游 流程图/时序 发布依赖/检查
文档集中管理
结构化 & 非结构化
图、表、文本、代码 等
自动化、智能化
代码(js / css / html)
轻研发平台能力 | 核心思想2 - 文档即代码
22. 轻研发平台能力 | 核心思想3 - 插件能力
监控
系分
需求
设计
编码
联调
测试
上线
运维
应急
测分
插件能力
集成各研发流程中的优秀插件,不重复造轮子
提高各个阶段的研发效能和质量安全
运营
23. 轻研发平台能力 | 核心思想3 - 插件能力
24. 轻研发平台能力 | 核心思想3 - 插件能力
25. 轻研发平台能力 | 核心思想3 - 插件能力
通过插件自动生成监控配置
26. 轻研发平台大图
卡片 UI
H5(UI & 图表 & 动画)
小程序
RPC 数据
动态发布场景:HTTP接口 BFF接口
Native
产物形态
云端一体卡片(数据 + UI)
端容器:运行时 SDK
运行平面
服务容器:运行时
卡片低码 接口低码 研发质量
布偶低码搭建 文档即代码 质量工具建设
研发管控平面
函数级研发 | 文档即代码 | 插件开放平台(连接研发周期依赖的工具&平台)
27. 轻研发场景全覆盖
落地场景 全 覆盖
28. 目录
1. 蚂蚁集团
业务前端研发
体系
2. 轻研发平台 3. 我们业务前端未来
如何解局 发展趋势
29. 未来我们业务前端做什么?
轻研发带来业务研发的提效
那我们业务前端如何提效呢?
30. 未来我们业务前端做什么?
轻研发带来业务研发的提效
那我们业务前端如何提效呢?
我们的思考是:数字金融业务背景
对服务体验要求高 往数字化运营转变 让业务享受技术红利
专业化 跨界 业务架构
31. THANKS