SERVERLESS架构下的前端开发:入门、实战与进阶

Contents　目　　录
序1
序2
前言
第1章　Serverless 架构简介 1
1.1　Serverless架构入门 1
1.1.1　发展历程 1
1.1.2　定义 4
1.1.3　工作原理 6
1.1.4　生态发展 11
1.2　Serverless架构特性与挑战 20
1.2.1　价值与优势 20
1.2.2　风险与挑战 26
1.3　Serverless架构应用场景 33
1.3.1　Web/移动应用后端场景 33
1.3.2　实时文件/数据处理 34
1.3.3　离线数据处理 35
1.3.4　人工智能领域 35
1.3.5　IoT等领域 36
1.3.6　监控与自动化运维 36
第2章　零基础上手 Serverless 架构 38
2.1　工业Serverless产品 38
2.1.1　阿里云 Serverless 产品 38
2.1.2　AWS Serverless产品 45
2.2　开源 Serverless 项目 51
2.2.1　OpenWhisk 项目 51
2.2.2　Knative 项目 56
2.2.3　Kubeless项目 62
第3章　Serverless架构应用开发和
优化探索 66
3.1　Serverless 架构与前端技术 66
3.2　Serverless开发流程探索 69
3.3　应用开发、构建与调试 74
3.3.1　应用开发 74
3.3.2　应用构建 77
3.3.3　应用调试 79
3.3.4　函数编排 86
3.4　CI/CD 88
3.4.1　与 GitHub Action 的集成 88
3.4.2　与Gitee Go的集成 90
3.4.3　与Jenkins的集成 92
3.4.4　与云效的集成 94
3.5　Serverless与可观测性 95
3.6　应用优化 97
3.6.1　冷启动优化 98
3.6.2　文件上传方案 106
3.6.3　文件持久化方案 107
3.6.4　慎用Web框架特性 107
3.6.5　项目结构策略 108
第4章　前端技术视角下的
Serverless 架构 110
4.1　SSR：前端技术突破性能壁垒 110
4.1.1　背景 110
4.1.2　SSR简介 111
4.1.3　Serverless架构下的SSR实战 111
4.1.4　总结 113
4.2　WebSocket技术在Serverless架构
下的新面貌 114
4.2.1　背景 114
4.2.2　API网关中的WebSocket原理
解析 114
4.2.3　Serverless架构下的WebSocket
实战 117
4.2.4　总结 127
4.3　RESTful API与Serverless架构的
融合 127
4.3.1　背景 127
4.3.2　RESTful API简介 128
4.3.3　Serverless架构下的
RESTful API 130
4.3.4　总结 135
4.4　Serverless架构下的GraphQL
实现 135
4.4.1　背景 135
4.4.2　GraphQL简介 136
4.4.3　Serverless 架构下的 GraphQL
实战 137
4.4.4　总结 149
4.5　前后端一体化：前端技术的
风向标 149
4.5.1　背景 149
4.5.2　前后端一体化发展历史 149
4.5.3　Serverless 架构下的前后端一体
化实战 151
4.5.4　总结 154
4.6　小程序/快应用：前端技术赋能
移动端开发 154
4.6.1　背景 154
4.6.2　Serverless 架构下的天气查询
小程序实战 154
4.6.3　总结 161
4.7　WebAssembly：前端技术新篇章 162
4.7.1　背景 162
4.7.2　WebAssembly简介 162
4.7.3　WebAssembly 实战案例：
HoloWeb 代码格式化 167
4.7.4　总结 170
4.8　传统框架的 Serverless 化与
Serverless 框架 170
4.8.1　背景 170
4.8.2　传统框架 Serverless 化 171
4.8.3　Serverless First 框架：
Midway 174
第5章　Serverless 架构下的前端
生产实战案例 177
5.1　网页全景录制及 Puppeteer 功能
设计与实现 177
5.1.1　背景 177
5.1.2　Puppeteer 简介 178
5.1.3　Serverless架构下的网页截屏
功能 179
5.1.4　二次开发方案 182
5.1.5　总结 183
5.2　盲盒抽奖活动系统设计及实现 184
5.2.1　背景 184
5.2.2　技术架构 184
5.2.3　技术实现 186
5.2.4　效果预览 191
5.2.5　总结 192
5.3　基于 Serverless 架构的头像漫画风
处理小程序 192
5.3.1　背景 192
5.3.2　技术实现 193
5.3.3　效果预览 202
5.3.4　总结 203
5.4　Serverless WebSocket：弹幕应用
系统设计及实现 204
5.4.1　背景 204
5.4.2　技术架构 204
5.4.3　技术实现 205
5.4.4　效果预览 210
5.4.5　总结 212
5.5　HTML与快应用实战：简易用户
反馈功能实践 212
5.5.1　背景 212
5.5.2　技术架构 213
5.5.3　技术实现 213
5.5.4　效果预览 217
5.5.5　总结 218
第6章　传统内容管理系统Serverless
化升级实战 219
6.1　背景 219
6.2　需求明确 220
6.3　技术选型 220
6.4　项目设计 221
6.4.1　基础架构设计 221
6.4.2　Jamstack 与性能提升设计 223
6.5　开发实现 225
6.5.1　模块 Serverless 化升级 225
6.5.2　API 网关配置与优化 227
6.5.3　可观测能力完善 231
6.6　项目预览 235
6.7　总结 236
第7章　基于 Serverless 架构的人工
智能相册系统 238
7.1　背景 238
7.2　需求明确 239
7.3　技术选型 240
7.4　项目设计 241
7.4.1　基础架构设计 241
7.4.2　小程序 UI 设计 242
7.4.3　数据库设计 243
7.5　开发实现 247
7.5.1　数据库相关 247
7.5.2　后端代码 249
7.5.3　小程序相关 257
7.6　项目预览 262
7.7　总结 264
第8章　基于Serverless架构的企业
宣传小程序 265
8.1　背景 265
8.2　需求明确 265
8.2.1　小程序功能 266
8.2.2　管理平台功能 266
8.2.3　其他需求点 266
8.3　技术选型 266
8.4　项目设计 267
8.4.1　基础架构设计 267
8.4.2　小程序 UI 设计 268
8.4.3　数据库设计 269
8.5　开发实现 271
8.5.1　数据库相关 271
8.5.2　后端代码 272
8.5.3　小程序相关 277
8.5.4　管理页面 283
8.6　项目预览 286
8.6.1　小程序端 286
8.6.2　管理端 287
8.7　总结 290
第9章　新一代 UI 云端录制回放
解决方案 291
9.1　背景 291
9.2　需求明确 292
9.3　技术选型 293
9.4　项目设计 294
9.5　开发实现 296
9.5.1　接口测试支持 296
9.5.2　本地调试 296
9.5.3　Cypress 测试用例实现示例 297
9.5.4　函数计算实现方案 298
9.6　技术特点 299
9.7　项目优势 301
9.8　核心功能体验 303
9.8.1　图片一致性对比 303
9.8.2　一键切换浏览器执行用例 304
9.9　总结 306
第10章　基于 Serverless 架构的轻量
WebIDE 服务 307
10.1　背景 307
10.2　需求明确 307
10.3　技术选型 308
10.4　项目设计 310
10.4.1　基础架构设计 310
10.4.2　API 设计 311
10.4.3　数据库设计 316
10.5　开发实现 317
10.5.1　Reverse Proxy 模块 317
10.5.2　服务安全加固 319
10.6　项目预览 320
10.7　总结 323