小程序构建与函数计算

1. 小程序构建与函数计算燃星蚂蚁集团前端开发工程师

2. 01 小程序构建的发展 02 函数计算在小程序构建的落地目录

3. /01 小程序构建的发展小程序构建与函数计算-支付宝体验科技大会

4. 小程序构建是什么 .axml 渲染层 index.js .acss 小程序构建逻辑层 index.worker.js .sjs 运行时配置等 node_modules, app.json 等配置

5. 发展阶段本地构建容器脚本构建函数计算构建构建器版本不受管控统一构建脚本构建服务化构建需要集成到研发流仅解决了构建环境问题任务秒启构建异常无法上报生态开放高峰期排队网络不隔离构建上云资源隔离

6. 小程序构建的核心功能上传构建预览构建提供稳定可靠的线上产物构建能力针对开发预览场景的快速构建错误定位增值服务利用过程中生成的 sourcemap 帮助监控平台显示小程序异常错误在源码中的位置如构建报告、构建日志等助力小程序开发者的工具

7. 小程序构建的挑战 • 追求极致体验: 即时构建，无需排队 • 调用特性: 有明显的调用峰谷，且高峰期消耗资源较大 • 服务稳定性: SLA 99.9% • 安全⻛险: 资源隔离、内网安全

8. 构建想象中的样子弹性伸缩高性价高可用免运维按量计费性能优异资源隔离

9. /02 函数计算在小程序构建的落地小程序构建与函数计算-支付宝体验科技大会

10. 构建脚本上云

11. 如何将脚本上云函数计算 FC 对象存储 OSS 存储产物、sourcemap、构建报告等文件存储 NAS 实例间共享文件资源如构建器、构建缓存日志服务 SLS 构建日志

12. 构建服务最终的业务形态

13. 构建服务最终的业务形态

14. /彩蛋干（cai）货（keng）分享小程序构建与函数计算-支付宝体验科技大会

15. 函数计算启动快的代价 • Serverless: 免运维也意味着无法运维 • 函数计算快速热启动的背后带来的是全局上下文是共享的

16.

17. 解法: 让脚本回归脚本 • 构建脚本回归脚本形式，在子进程中执行，将上下文隔离 • 进阶优化: 利用函数生命周期对子进程进行预热

18. NAS 中文件读写优化 • 小程序搭建模板包、组件包 • Webpack 构建缓存

19. NAS 中文件读写优化 • 小程序搭建模板包、组件包 • Webpack 构建缓存

20. NAS 中文件读写优化 • 基线: 69 MB 带 node_modules 的小程序源码 • 读 40x faster 17,663ms -> 429ms • 写 100x faster 47,146ms -> 458ms

21. 魔法: 随机 I/O 变顺序 I/O

22. 谢谢观看