杨凯 Backend For Frontend(BFF)in Serverless

文字内容
1. BFF in serverless 基于 NodeJS 的 serverless 架构实践 @亚顿 2019.07
4. 个⼈人简介 resume 10年年+全栈开发经验 阿⾥里里 AI Labs. 前端团队负责⼈人 天猫精灵从 0 到 1
5. ⽬目录 1 FE Arch Roadmap 2 3 4 Serverless Showcase Future
6. ⽬目录 1 FE Arch Roadmap 2 3 4 Serverless Showcase Future
7. 前端 & 后端 前后端分离的开发模式 图⽚片来源 @天筑 UI 调整频繁,迭代速度快。 后端追求稳定,发布周期较⻓长。 为了了性能优化,返回的数据要聚合、清洗。 后端服务转为微服务,原⼦子化。
8. 前后端分离的开发模式 前后端分离的开发模式 静态⻚页⾯面 or View 层 Frontend Web HTML Backend Controller View Model 代表: Spring Boot + jQuery 体验: 套⻚页⾯面 or 写模版语⾔言 痛点: 前端开发依赖后端环境
9. 前后端分离的开发模式 前后端分离的开发模式 静态⻚页⾯面 or View 层 Frontend Web HTML Backend Controller View Model 代表: Spring Boot + jQuery 体验: 套⻚页⾯面 or 写模版语⾔言 痛点: 前端开发依赖后端环境
10. 前后端分离的开发模式 前后端分离的开发模式 静态⻚页⾯面 or View 层 Frontend SPA 应⽤用 Frontend Web Web HTML Model View Backend Controller View Controller Backend Model Web Server 代表: Spring Boot + jQuery 体验: 套⻚页⾯面 or 写模版语⾔言 修改 JS bundle version 痛点: 前端开发依赖后端环境 同步发布困难 WEB API + (Angular / React / Vue)
11. 前后端分离的开发模式 前后端分离的开发模式 静态⻚页⾯面 or View 层 Frontend SPA 应⽤用 Frontend Web Web HTML Model View Backend Controller View Controller Backend Model Web Server 代表: Spring Boot + jQuery 体验: 套⻚页⾯面 or 写模版语⾔言 修改 JS bundle version 痛点: 前端开发依赖后端环境 同步发布困难 WEB API + (Angular / React / Vue)
12. 协作模式下的困境 前后端分离的开发模式 沟通成本⾼高 协作效率低
13. 微服务带给前端的挑战 前后端分离的开发模式 微服务 (Microservices) 是⼀一种软件架构⻛风格,它是以专注于单⼀一责任与功能的⼩小型功能区块 为基础,利利⽤用模组化的⽅方式组合出复杂的⼤大型应⽤用程序,各功能区块使⽤用与语⾔言⽆无关 的 API 集相互通讯。
14. 微服务带给前端的挑战 前后端分离的开发模式 Frontend Web Model View Controller Backend Web Server Web Server Web Server
15. 微服务带给前端的挑战 前后端分离的开发模式 多终端 + 多服务端 Frontend 平台应⽤用 移动应⽤用 Web Native 移动应⽤用 H5 桌⾯面应⽤用 Desktop Backend Web Server Web Server Web Server Web Server Microservice Microservice Microservice Microservice HTTPS RPC
16. 微服务带给前端的挑战 前后端分离的开发模式 API Team Frontend 平台应⽤用 移动应⽤用 Web Native 移动应⽤用 H5 桌⾯面应⽤用 Desktop API Gateway A111 Backend Microservice Microservice Microservice Microservice Microservice Microservice Microservice Microservice HTTPS RPC
17. 微服务带给前端的挑战 前后端分离的开发模式 沟通成本更更⾼高 协作效率更更低
18. 微服务带给前端的挑战 前后端分离的开发模式 Frontend 平台应⽤用 移动应⽤用 Web Native 移动应⽤用 H5 桌⾯面应⽤用 Desktop ? A111 Backend Microservice Microservice Microservice Microservice Microservice Microservice Microservice Microservice HTTPS RPC
19. 什什么是 BFF BFF 作⽤用 Pattern: Backends For Frontends 1. 裁剪和格式化。 2. 聚合编排。 图⽚片来源 @Sam Newman
20. 什什么是 BFF BFF 作⽤用 Pattern: Backends For Frontends 1. 裁剪和格式化。 2. 聚合编排。 优势 • 灵活装配 • 降低沟通成本 • 便便于性能优化 • 便便于提升安全性 图⽚片来源 @Sam Newman
21. BFF 架构 BFF 特点 • Frontend 平台应⽤用 移动应⽤用 Web Native Node Server Node Server ⽆无差别提供服务 移动应⽤用 H5 桌⾯面应⽤用 Desktop BFF Node Server Node Server Backend Microservice Microservice Microservice Microservice Microservice Microservice Microservice Microservice HTTPS RPC
22. ⽬目录 1 FE Arch Roadmap 2 3 4 Serverless Showcase Future
23. BFF 的困境 BFF in Serverless 平台 A 平台 B 平台 C Web Web Web Web Node Server Node Server Node Server Node Server XX 平台 统⼀一集群 独⽴立部署 维护问题 资源占⽤用问题
24. BFF 的困境 BFF in Serverless 资源占⽤用问题 维护问题 平台 A 平台 B 平台 C Web Web Web Web Node Server Node Server Node Server Node Server XX 平台
25. BFF 的困境 BFF in Serverless 资源占⽤用问题 维护问题 平台 A 平台 B 平台 C Web Web Web Web Node Server Node Server Node Server Node Server XX 平台 统⼀一集群 独⽴立部署
26. BFF 的困境 BFF in Serverless 资源占⽤用问题 维护问题 平台 A 平台 B 平台 C Web Web Web Web Node Server Node Server Node Server Node Server XX 平台 统⼀一集群 独⽴立部署 All in One 平台 虚拟应⽤用A 虚拟应⽤用B 虚拟应⽤用C 虚拟应⽤用D 虚拟应⽤用E Web Web Web Web Web Node Server Node Server Node Server Node Server Node Server
27. BFF 的困境 BFF in Serverless 资源占⽤用问题 维护问题 平台 A 平台 B 平台 C Web Web Web Web Node Server Node Server Node Server Node Server XX 平台 统⼀一集群 独⽴立部署 All in One 平台 虚拟应⽤用A 虚拟应⽤用B 虚拟应⽤用C 虚拟应⽤用D 虚拟应⽤用E Web Web Web Web Web Node Server Node Server Node Server Node Server Node Server 1. 业务可独⽴立发布/回滚/监控
28. BFF 的困境 BFF in Serverless 资源占⽤用问题 维护问题 平台 A 平台 B 平台 C Web Web Web Web Node Server Node Server Node Server Node Server XX 平台 统⼀一集群 独⽴立部署 All in One 平台 虚拟应⽤用A 虚拟应⽤用B 虚拟应⽤用C 虚拟应⽤用D 虚拟应⽤用E Web Web Web Web Web Node Server Node Server Node Server Node Server Node Server 1. 业务可独⽴立发布/回滚/监控 2. 服务器器统⼀一管理理和运维
29. 什什么是 serverless BFF in Serverless serverless 是⼀一种理理念
30. 什什么是 serverless BFF in Serverless 是不不是 Serverless • 我们有多少台机器器? • 机器器部署在哪? • 机器器运⾏行行的什什么系统? • 机器器安装了了哪些软件? 基于 AWS lambda 的典型应⽤用
31. 什什么是 serverless BFF in Serverless 是不不是 Serverless • 我们有多少台机器器? • 机器器部署在哪? • 机器器运⾏行行的什什么系统? • 机器器安装了了哪些软件? 哪些是 Serverless • github.io • App Engine • FaaS • BaaS 基于 AWS lambda 的典型应⽤用
32. 什什么是 serverless BFF in Serverless 是不不是 Serverless • 我们有多少台机器器? • 机器器部署在哪? • 机器器运⾏行行的什什么系统? • 机器器安装了了哪些软件? 哪些是 Serverless • github.io • App Engine • FaaS • BaaS 核⼼心优势 • ⽆无需管理理服务器器 • 可⾃自动伸缩 • 按执⾏行行时间计费 基于 AWS lambda 的典型应⽤用
33. 什什么是 serverless(CNCF 定义:FaaS & BaaS) BFF in Serverless CNCF Serverless Whitepaper v1.0 A serverless computing platform may provide one or both of the following: Functions-as-a-Service (FaaS), which typically provides event-driven computing. Developers run and manage application code with functions that are triggered by events or HTTP requests. Developers deploy small units of code to the FaaS, which are executed as needed as discrete actions, scaling without the need to manage servers or any other underlying infrastructure. Backend-as-a-Service (BaaS), which are third-party API-based services that replace core subsets of functionality in an application. Because those APIs are provided as a service that auto-scales and operates transparently, this appears to the developer to be serverless.
34. BFF 架构 BFF in Serverless Frontend 平台应⽤用 移动应⽤用 Web Native Node Server Node Server 移动应⽤用 H5 桌⾯面应⽤用 Desktop BFF Node Server Node Server Backend Microservice Microservice Microservice Microservice Microservice Microservice Microservice Microservice HTTPS RPC
35. BFF 架构 BFF in Serverless Frontend 可动态部署 平台应⽤用 移动应⽤用 Web Native 移动应⽤用 H5 桌⾯面应⽤用 Desktop BFF Function Function Sandbox Function Function Function Backend Microservice Microservice Microservice Microservice Microservice Microservice Microservice Microservice HTTPS RPC
36. BFF 架构 BFF in Serverless Frontend 平台应⽤用 移动应⽤用 Web Native 统⼀一⼊入⼝口 移动应⽤用 H5 桌⾯面应⽤用 Desktop Web Proxy BFF Function Function Sandbox Function Function Function Backend Microservice Microservice Microservice Microservice Microservice Microservice Microservice Microservice HTTPS RPC
37. BFF 架构 能⼒力力封装 BFF in Serverless BaaS Frontend 通信 RPC 平台应⽤用 移动应⽤用 Web Native 移动应⽤用 桌⾯面应⽤用 MQ ⽤用户 H5 Desktop Account ACL BPMS Web Proxy BFF 存储 DB Function OSS Function Sandbox Function Function Function Cache 运维 Backend Monitor Log Microservice Microservice Microservice Microservice Analytics 通知 DingDing Mail Microservice Microservice Microservice Microservice HTTPS RPC
38. BFF 架构 应⽤用管理理 BFF in Serverless BaaS Frontend 通信 开发者平台 平台应⽤用 RPC 移动应⽤用 移动应⽤用 函数管理理 桌⾯面应⽤用 服务管理理 MQ Web ⽤用户 Native H5 发布管理理 Desktop 访问统计 异常监控 Account ACL BPMS Web Proxy BFF 存储 DB Function OSS Function Sandbox Function Function Function Cache 运维 Backend Monitor Log Microservice Microservice Microservice Microservice Analytics 通知 DingDing Mail Microservice Microservice Microservice Microservice HTTPS RPC
39. BFF 架构 BFF in Serverless BaaS Frontend 通信 开发者平台 平台应⽤用 RPC 移动应⽤用 移动应⽤用 函数管理理 桌⾯面应⽤用 服务管理理 MQ Web ⽤用户 Native H5 发布管理理 Desktop 访问统计 异常监控 Account ACL BPMS Web Proxy BFF 存储 DB Function OSS Function Sandbox Function Function Function 命令⾏行行⼯工具 云开发 Cache 运维 ⾃自动同步 Backend ⼀一键部署 Monitor Log Microservice Microservice Microservice Microservice 开发调试 Analytics 通知 DingDing Mail Microservice Microservice Microservice Microservice HTTPS RPC
40. BFF in Serverless 架构 BFF in Serverless BaaS BFF in Serverless • 开箱即⽤用 开发者平台 Frontend 通信 RPC 平台 平台 平台 平台 FE FE FE FE MQ ⽤用户 Account Feature BPMS • FaaS Runtime 存储 DB • BaaS SDK OSS • CLI • 开发者平台 • Gateway Log BFF Function Sandbox Function Function Function Function DB Backend 命令⾏行行⼯工具 Analytics 通知 DingDing 发布管理理 异常监控 Cache 运维 Monitor 服务管理理 访问统计 Web Proxy ACL 函数管理理 Microservice Microservice Microservice Microservice 云开发 ⾃自动同步 ⼀一键部署 Mail HTTPS RPC
41. Feature 1/5 BFF in Serverless FaaS Runtime(云函数) • 进程隔离 • CPU 限额、内存限额 • 运⾏行行时⻓长限制 • ⽇日志采集与调⽤用统计 Sandbox Worker Sandbox Worker Master Service Service BaaS Service Context Context Sandbox Worker Sandbox Worker Service Service Context Context Helper DB
42. Feature 2/5 BFF in Serverless BaaS SDK • 平台集成⼏几乎所有开发中可能使⽤用到的相关服务,并统⼀一封装为 SDK。 • SDK 提供 Web 与 Node 端⼀一致的 API。 ⽤用户 通信 存储 Account RPC DB ACL MQ OSS BPMS 通知 运维 Monitor Cache 其它 DingDing Log Git Mail Analytics AppConfig 关键功能 SDK
43. Feature 3/5 BFF in Serverless CLI • 本地开发 • 云调试 • ⼀一键部署
44. Feature 4/5 BFF in Serverless 开发者中⼼心 ⼀一站式体验 创建 函数管理理 配置 分析 调试 发布 发布管理理 监控 分析 管理理 监控分析
45. Feature 5/5 BFF in Serverless 平台⼊入⼝口 • 应⽤用即函数的集合 • 提供前端平台以统⼀一⼊入⼝口 • BaaS 服务以组件⽅方式提供 应⽤用管理理 统⼀一⼊入⼝口
46. 总结 BFF in Serverless 关键特性 1. FaaS Runtime 2. BaaS SDK 3. CLI 4. 开发者⼯工作台 5. 平台⼊入⼝口 BaaS 开发者平台 Frontend 通信 RPC 平台 平台 平台 平台 FE FE FE FE MQ ⽤用户 Account BPMS BFF Function Sandbox Function OSS • 运维成本低 • 研发效率⾼高 Cache 运维 Monitor Log Function Function Function DB Backend 命令⾏行行⼯工具 Analytics 通知 DingDing 发布管理理 异常监控 存储 DB 核⼼心优势 服务管理理 访问统计 Web Proxy ACL 函数管理理 Microservice Microservice Microservice Microservice 云开发 ⾃自动同步 ⼀一键部署 Mail HTTPS RPC
47. 总结 BFF in Serverless 关键特性 1. FaaS Runtime 2. BaaS SDK 3. CLI 4. 开发者⼯工作台 5. 平台⼊入⼝口 BaaS 开发者平台 Frontend 通信 RPC 平台 平台 平台 平台 FE FE FE FE MQ ⽤用户 Account BPMS 核⼼心优势 BFF Function Sandbox • 运维成本低 • 研发效率⾼高 Function Function Cache 运维 Monitor Log Function Function DB 1. FaaS Runtime Backend 命令⾏行行⼯工具 Analytics 通知 DingDing 发布管理理 异常监控 存储 DB OSS 服务管理理 访问统计 Web Proxy ACL 函数管理理 Microservice Microservice Microservice Microservice 云开发 ⾃自动同步 ⼀一键部署 Mail HTTPS RPC
48. 总结 BFF in Serverless 关键特性 1. FaaS Runtime 2. BaaS SDK 3. CLI 4. 开发者⼯工作台 5. 平台⼊入⼝口 2. BaaS SDK BaaS 开发者平台 Frontend 通信 RPC 平台 平台 平台 平台 FE FE FE FE MQ ⽤用户 Account BPMS 核⼼心优势 BFF Function Sandbox • 运维成本低 • 研发效率⾼高 Function Function Cache 运维 Monitor Log Function Function DB 1. FaaS Runtime Backend 命令⾏行行⼯工具 Analytics 通知 DingDing 发布管理理 异常监控 存储 DB OSS 服务管理理 访问统计 Web Proxy ACL 函数管理理 Microservice Microservice Microservice Microservice 云开发 ⾃自动同步 ⼀一键部署 Mail HTTPS RPC
49. 总结 BFF in Serverless 关键特性 1. FaaS Runtime 2. BaaS SDK 3. CLI 4. 开发者⼯工作台 5. 平台⼊入⼝口 2. BaaS SDK BaaS 开发者平台 Frontend 通信 RPC 平台 平台 平台 平台 FE FE FE FE MQ ⽤用户 Account BPMS 核⼼心优势 BFF Function Sandbox • 运维成本低 • 研发效率⾼高 Function Function Cache 运维 Monitor Log Function Function DB 1. FaaS Runtime Backend 命令⾏行行⼯工具 Analytics 通知 DingDing 发布管理理 异常监控 存储 DB OSS 服务管理理 访问统计 Web Proxy ACL 函数管理理 Microservice Microservice Microservice Microservice 云开发 ⾃自动同步 ⼀一键部署 Mail HTTPS RPC 3. CLI
50. 总结 BFF in Serverless 关键特性 1. FaaS Runtime 2. BaaS SDK 3. CLI 4. 开发者⼯工作台 5. 平台⼊入⼝口 2. BaaS SDK BaaS 4. 开发者⼯工作台 Frontend 通信 RPC 平台 平台 平台 平台 FE FE FE FE MQ ⽤用户 Account BPMS 核⼼心优势 BFF • 运维成本低 • 研发效率⾼高 Log Function Function Function Function DB 1. FaaS Runtime Backend 命令⾏行行⼯工具 Analytics 通知 DingDing 发布管理理 Function Sandbox Cache 运维 Monitor 服务管理理 异常监控 存储 DB OSS 函数管理理 访问统计 Web Proxy ACL 开发者平台 Microservice Microservice Microservice Microservice 云开发 ⾃自动同步 ⼀一键部署 Mail HTTPS RPC 3. CLI
51. 总结 BFF in Serverless 关键特性 1. FaaS Runtime 2. BaaS SDK 3. CLI 4. 开发者⼯工作台 5. 平台⼊入⼝口 2. BaaS SDK BaaS 4. 开发者⼯工作台 Frontend 通信 平台 RPC ⽤用户 运维成本低 • 研发效率⾼高 平台 FE 5.平台⼊入⼝口 FE FE FE Account BPMS Log BFF 发布管理理 Function Sandbox Function Function Function Function DB 1. FaaS Runtime Backend 命令⾏行行⼯工具 Analytics 通知 DingDing 服务管理理 异常监控 Cache 运维 Monitor 函数管理理 访问统计 Web Proxy ACL OSS • 平台 MQ 存储 DB 核⼼心优势 平台 开发者平台 Microservice Microservice Microservice Microservice 云开发 ⾃自动同步 ⼀一键部署 Mail HTTPS RPC 3. CLI
52. 总结 BFF in Serverless 关键特性 1. FaaS Runtime 2. BaaS SDK 3. CLI 4. 开发者⼯工作台 5. 平台⼊入⼝口 2. BaaS SDK BaaS 4. 开发者⼯工作台 Frontend 通信 平台 RPC ⽤用户 运维成本低 • 研发效率⾼高 平台 FE 5.平台⼊入⼝口 FE FE FE Account BPMS Log BFF 发布管理理 Function Sandbox Function Function Function Function DB 1. FaaS Runtime Backend 命令⾏行行⼯工具 Analytics 通知 DingDing 服务管理理 异常监控 Cache 运维 Monitor 函数管理理 访问统计 Web Proxy ACL OSS • 平台 MQ 存储 DB 核⼼心优势 平台 开发者平台 Microservice Microservice Microservice Microservice 云开发 ⾃自动同步 ⼀一键部署 Mail HTTPS RPC 3. CLI
53. 总结 BFF in Serverless 30 前端 名 40 个 应⽤用 (包含开发者中⼼心) 1500 函数 个
54. ⽬目录 1 FE Arch Roadmap 2 3 4 Serverless Showcase Future
55. Showcase BFF in Serverless web 平台建设 APP server 可视化 开放平台
56. Showcase BFF in Serverless web 平台建设 QPS 极低的应⽤用 APP server 可视化 开放平台
57. Showcase BFF in Serverless web 平台建设 APP server 可视化 QPS 剧烈烈波动的应⽤用 英雄 & 恶⻰龙 开放平台
58. Showcase BFF in Serverless web 平台建设 APP server 可视化 开放平台 需要运⾏行行三⽅方代码的应⽤用
59. Showcase BFF in Serverless web 平台建设 APP server 可视化 开放平台 QPS 极低的应⽤用 QPS 剧烈烈波动的应⽤用 需要运⾏行行三⽅方代码的应⽤用
60. ⽬目录 1 FE Arch Roadmap 2 3 4 Serverless Showcase Future
61. 标准实现 BFF in Serverless CNCF Serverless Whitepaper v1.0 (函数部署管道)
62. 前端统⼀一云研发中台 - 架构图 愿景 应⽤用场景 前 端 统 ⼀一 云 研 发 中 台 基础设施 中后台平台 ⻔门户站点 营销导购互动 可视化搭建 开发者站点 开发时 运⾏行行时 Node 服务 服务⽹网关(去中⼼心化) 解决⽅方案中⼼心 BFF 应⽤用 核 ⼼心 功 能 服 务 配 置 SSR 应⽤用 静态应⽤用 FaaS 管理理 FE 管理理 发布管理理 ⽇日志监控(应⽤用) 函数配置 SSR 环境管理理 打点配置 可视化编排 DEF 灰度功能 访问⽇日志 Layer 配置 OSS 线上回滚 异常跟踪 ⽹网关配置 BaaS Config & Manage BUC ACL ⼊入⼝口配置 权限管理理 HSF Tair 流量量管理理 域名管理理 MQ OSS 超时配置 ⽂文档管理理 FaaS API 路路由服务 服务应⽤用 核 ⼼心 功 能 流量量管控 权限中⼼心 调度中⼼心 Function Runtime
63. 【怎么做】流程图 愿景 应⽤用场景 前 端 统 ⼀一 云 研 发 中 台 基础设施 中后台平台 ⻔门户站点 1. 创建 SPA 应⽤用 服 务 配 置 可视化搭建 开发者站点 开发时 核 ⼼心 功 能 营销导购互动 运⾏行行时 Node 服务 服务⽹网关(去中⼼心化) 解决⽅方案中⼼心 SSR 应⽤用 静态应⽤用 FaaS 管理理 FE 管理理 发布管理理 ⽇日志监控(应⽤用) 函数配置 SSR 环境管理理 打点配置 可视化编排 DEF 灰度功能 访问⽇日志 Layer 配置 OSS 线上回滚 异常跟踪 ⽹网关配置 BaaS Config & Manage BUC ACL ⼊入⼝口配置 权限管理理 HSF Tair 流量量管理理 域名管理理 MQ OSS 超时配置 ⽂文档管理理 FaaS API 路路由服务 服务应⽤用 核 ⼼心 功 能 流量量管控 权限中⼼心 调度中⼼心 Function Runtime
64. 【怎么做】流程图 愿景 应⽤用场景 前 端 统 ⼀一 云 研 发 中 台 基础设施 中后台平台 ⻔门户站点 1. 创建 SPA 应⽤用 服 务 配 置 可视化搭建 开发者站点 开发时 核 ⼼心 功 能 营销导购互动 运⾏行行时 Node 服务 服务⽹网关(去中⼼心化) 解决⽅方案中⼼心 SSR 应⽤用 静态应⽤用 FaaS 管理理 FE 管理理 发布管理理 ⽇日志监控(应⽤用) 函数配置 SSR 环境管理理 打点配置 可视化编排 DEF 灰度功能 访问⽇日志 Layer 配置 OSS 线上回滚 异常跟踪 BaaS Config & Manage 2. 配置 ⽹网关配置 BUC ACL ⼊入⼝口配置 权限管理理 HSF Tair 流量量管理理 域名管理理 MQ OSS 超时配置 ⽂文档管理理 FaaS API 路路由服务 服务应⽤用 核 ⼼心 功 能 流量量管控 权限中⼼心 调度中⼼心 Function Runtime
65. 【怎么做】流程图 愿景 应⽤用场景 前 端 统 ⼀一 云 研 发 中 台 基础设施 中后台平台 ⻔门户站点 1. 创建 运⾏行行时 Node 服务 服务⽹网关(去中⼼心化) 解决⽅方案中⼼心 SPA 应⽤用 服 务 配 置 可视化搭建 开发者站点 开发时 核 ⼼心 功 能 营销导购互动 SSR 应⽤用 3. 开发 FE 管理理 FaaS 管理理 静态应⽤用 发布管理理 ⽇日志监控(应⽤用) 函数配置 SSR 环境管理理 打点配置 可视化编排 DEF 灰度功能 访问⽇日志 Layer 配置 OSS 线上回滚 异常跟踪 BaaS Config & Manage 2. 配置 ⽹网关配置 BUC ACL ⼊入⼝口配置 权限管理理 HSF Tair 流量量管理理 域名管理理 MQ OSS 超时配置 ⽂文档管理理 FaaS API 路路由服务 服务应⽤用 核 ⼼心 功 能 流量量管控 权限中⼼心 调度中⼼心 Function Runtime
66. 【怎么做】流程图 愿景 应⽤用场景 前 端 统 ⼀一 云 研 发 中 台 基础设施 中后台平台 ⻔门户站点 1. 创建 运⾏行行时 Node 服务 服务⽹网关(去中⼼心化) 解决⽅方案中⼼心 SPA 应⽤用 服 务 配 置 可视化搭建 开发者站点 开发时 核 ⼼心 功 能 营销导购互动 SSR 应⽤用 3. 开发 FE 管理理 FaaS 管理理 静态应⽤用 4.发布 发布管理理 ⽇日志监控(应⽤用) 函数配置 SSR 环境管理理 打点配置 可视化编排 DEF 灰度功能 访问⽇日志 Layer 配置 OSS 线上回滚 异常跟踪 BaaS Config & Manage 2. 配置 ⽹网关配置 BUC ACL ⼊入⼝口配置 权限管理理 HSF Tair 流量量管理理 域名管理理 MQ OSS 超时配置 ⽂文档管理理 FaaS API 路路由服务 服务应⽤用 核 ⼼心 功 能 流量量管控 权限中⼼心 调度中⼼心 Function Runtime
67. 【怎么做】流程图 愿景 应⽤用场景 前 端 统 ⼀一 云 研 发 中 台 基础设施 中后台平台 ⻔门户站点 1. 创建 运⾏行行时 Node 服务 服务⽹网关(去中⼼心化) 解决⽅方案中⼼心 SPA 应⽤用 服 务 配 置 可视化搭建 开发者站点 开发时 核 ⼼心 功 能 营销导购互动 SSR 应⽤用 3. 开发 FE 管理理 FaaS 管理理 静态应⽤用 4.发布 发布管理理 5.监控 ⽇日志监控(应⽤用) 函数配置 SSR 环境管理理 打点配置 可视化编排 DEF 灰度功能 访问⽇日志 Layer 配置 OSS 线上回滚 异常跟踪 BaaS Config & Manage 2. 配置 ⽹网关配置 BUC ACL ⼊入⼝口配置 权限管理理 HSF Tair 流量量管理理 域名管理理 MQ OSS 超时配置 ⽂文档管理理 FaaS API 路路由服务 服务应⽤用 核 ⼼心 功 能 流量量管控 权限中⼼心 调度中⼼心 Function Runtime
68. 理理念 愿景 ⼀一站式
69. 前端的机遇 展望 Frontend 业务 业务 业务 业务 FE FE FE FE ⼩小前台 Web Proxy Backend ⼤大中台 Function Sandbox Function Function Function Function
70. 前端的机遇 展望 Frontend 业务 业务 业务 业务 FE FE FE FE ⼩小前台 Web Proxy Backend ⼤大中台 Function Sandbox Function Function Function Function provider 的挑战 • 安全性 & 稳定性
71. 前端的机遇 展望 Frontend 业务 业务 业务 业务 FE FE FE FE ⼩小前台 Web Proxy Backend ⼤大中台 Function Sandbox Function Function Function Function provider 的挑战 • 安全性 & 稳定性 • 毫秒级⾃自动扩缩容
72. 前端的机遇 展望 Frontend 业务 业务 业务 业务 FE FE FE FE ⼩小前台 Web Proxy Backend ⼤大中台 Function Sandbox Function Function Function Function provider 的挑战 • 安全性 & 稳定性 • 毫秒级⾃自动扩缩容 • Runtime 标准化
73. 前端的机遇 展望 Frontend 业务 业务 业务 业务 FE FE FE FE ⼩小前台 Web Proxy Backend ⼤大中台 Function Sandbox Function Function Function Function provider 的挑战 • 安全性 & 稳定性 • 毫秒级⾃自动扩缩容 • Runtime 标准化 • 多语⾔言⽀支持
74. 前端的机遇 展望 Frontend 业务 业务 业务 业务 FE FE FE FE ⼩小前台 Web Proxy Backend ⼤大中台 Function Sandbox Function Function Function Function provider 的挑战 • 安全性 & 稳定性 • 毫秒级⾃自动扩缩容 • Runtime 标准化 • 多语⾔言⽀支持 • 可视化编排
75. 前端的机遇 展望 Frontend 业务 业务 业务 业务 FE FE FE FE ⼩小前台 developer 的转变 Web Proxy Backend ⼤大中台 Function Sandbox Function Function Function Function provider 的挑战 • 安全性 & 稳定性 • 毫秒级⾃自动扩缩容 • Runtime 标准化 • 多语⾔言⽀支持 • 可视化编排
76. 重新定义前端 展望 前端开发⼯工程师 后端开发⼯工程师 应⽤用开发⼯工程师 对业务流程的深⼊入理理解和全局把控, 将是今后⼀一项新的挑战和⽅方向。
79. Thanks