字节跳动移动端自动化实践

1. 字节小程序的框架设计与实践大楼｜字节跳动应用开发套件 MARS 研发工程师

2. 01 我们的小程序有什么特点？ 02 小程序是怎么跑起来的？ 03 小程序是如何同时服务于多个产品的？ 2 2

3. 3 我们的小程序有什么特点？

4. 我们的小程序有什么特点？小程序 www.volcengine.com

5. 小程序 · 核心优势 01 结合小程序的能力，以及高动态化的特性，实现定制化、多样化、可复访、可留存的交互场景，丰富应用产品的生态和玩法。 02 小程序开发成本低，一套代码可同时跨平台上线多款产品，同时支持微信小程序一键迁移。 03 结合性能优化的效果，可以服务于一些商业化场景，提高转化率和变现效率。 www.volcengine.com

6. 字节产品案例 - 小程序 x 抖音入口短视频挂载评论区顶部搜索直达直播挂载 www.volcengine.com

7. 字节产品案例 - 小程序 x 抖音玩法影视宣发服务分发宣传视频-购票视频-相关服务内容延展娱乐互动视频-新闻资讯/泛知识玩法介绍-小游戏/娱乐测试直播广告投放直播-小程序广告-活动/商品⻚ www.volcengine.com

8. 8 小程序是怎么跑起来的？

9. 小程序基本运行流程 1. 创建项目、开发、发布 2. 用户打开抖音 3. 请求平台配置服务 4. 按需更新 JSSDK 5. 统一格式 Schema 唤起小程序 6. 请求基础信息服务 7. 初始化运行环境 8. 包加载 (流式、分包) 9. 基础能力调用小程序 / 小游戏代码新建小程序开发者工具 IDE 调试、编译、上传发布小程序 / 小游戏 10.小程序成功展示并运行 11.业务能力调用 www.volcengine.com

10. 小程序基本运行流程 1. 创建项目、开发、发布 2. 用户打开抖音 3. 请求平台配置服务 4. 按需更新 JSSDK 入口跳转链接 Schema 6. 请求基础信息服务小程序 / 小游戏 CDN 下载 8. 包加载 (流式、分包) 10.小程序成功展示并运行 11.业务能力调用小程序基础库 JSSDK 下载 ( 流式 ) CallBack , Publish InvokeMethod 7. 初始化运行环境 9. 基础能力调用 CallBack tt.navigateTo, tt.getSystemInfo, tt.chooseImage 更新基础库 (JSSDK) 5. 统一格式 Schema 唤起小程序更新游戏包 CDN 小程序客户端 SDK Settings 平台配置服务 Meta 回调请求基础库等配置信息定制化 API 调用抖音客户端请求小程序基础信息小程序基础信息服务 www.volcengine.com

11. 11 小程序是如何服务于多个产品的？

12. 12 小程序框架设计

13. 框架组件化设计接入层 Platform 应用层 Application 业务基础层 Business Utils 通用基础层 Utils 标准业务接入模板分发入口注入小程序 / 小游戏依赖模板跳转链接 (Schema) 定制能力容器 Container 开放能力 OpenAPIs 小程序小游戏 tt.getSystemInfo tt.pay 高性能渲染自定义扩展 tt.getLocation tt.login 业务基础能力 CPAPIs 加载基础 Loader / AppBase 用户账户模块定位业务模块 ? Meta 服务包管理 ? 引擎环境模块授权管理模块沙盒管理 ? 启动管理通用基础能力 Service 通用工具模块 Base 基础网络能力埋点能力 ? 队列管理模块数据存储模块音频能力 ? 定位基础能力线程管理模块定时器 ⏰ www.volcengine.com

14. 分层框架通用基础层 Utils 通用基础能力 Service 基础网络能力埋点能力音频能力 ? ? 数据存储模块线程管理模块 OpenAPIs Service Custom Implementation tt.reportAnalytics 埋点能力 ? BDTeaAppLogPlatform 定位基础能力通用工具模块 Base 队列管理模块埋点上报 tt.reportAnalytics 定时器 ⏰ 定位能力 tt.getLocation OpenAPIs CPAPIs Service tt.getLocation 定位授权管理模块定位基础能力 Base Base 数据存储模块队列管理模块 www.volcengine.com

15. 框架组件化设计接入层 Platform 应用层 Application 业务基础层 Business Utils 通用基础层 Utils 标准业务接入模板分发入口注入小程序 / 小游戏依赖模板跳转链接 (Schema) 定制能力容器 Container 开放能力 OpenAPIs 小程序小游戏 tt.getSystemInfo tt.pay 高性能渲染自定义扩展 tt.getLocation tt.login 业务基础能力 CPAPIs 加载基础 Loader / AppBase 用户账户模块定位业务模块 ? Meta 服务包管理 ? 引擎环境模块授权管理模块沙盒管理 ? 启动管理通用基础能力 Service 通用工具模块 Base 基础网络能力埋点能力 ? 队列管理模块数据存储模块音频能力 ? 定位基础能力线程管理模块定时器 ⏰ www.volcengine.com

16. 分层框架业务基础层 Business Utils 登陆 tt.login 业务基础能力 CPAPIs 用户账户模块定位业务模块 ? 引擎环境模块包管理 ? 沙盒管理 ? CPAPIs Custom Implementation tt.login 用户账户模块 BDAccountsPlatform 授权管理模块加载基础 Loader / AppBase M E T A 服务 OpenAPIs 启动管理启动 Schema Boot Meta Package 跳转链接启动管理器基础信息服务包加载、下载管理 Base 引擎环境模块 www.volcengine.com

17. 框架组件化设计接入层 Platform 应用层 Application 业务基础层 Business Utils 通用基础层 Utils 标准业务接入模板分发入口注入小程序 / 小游戏依赖模板跳转链接 (Schema) 定制能力容器 Container 开放能力 OpenAPIs 小程序小游戏 tt.getSystemInfo tt.pay 高性能渲染自定义扩展 tt.getLocation tt.login 业务基础能力 CPAPIs 加载基础 Loader / AppBase 用户账户模块定位业务模块 ? Meta 服务包管理 ? 引擎环境模块授权管理模块沙盒管理 ? 启动管理通用基础能力 Service 通用工具模块 Base 基础网络能力埋点能力 ? 队列管理模块数据存储模块音频能力 ? 定位基础能力线程管理模块定时器 ⏰ www.volcengine.com

18. 分层框架容器视图 / 运行环境应用层 Application 容器 Container 小程序小游戏高性能渲染系统信息支付能力 JSRuntime BDPAppRuntime BDPGameRuntime Container Container Container BDPAppController BDPGameController BDPContainerController 自定义扩展开放能力 OpenAPIs 活体认证 JSRuntime 图片选择开放能力 OpenAPIs OpenAPIs OpenAPIs OpenAPIs tt.login tt.getSystemInfo tt.getLocation tt.showToast OpenAPIs OpenAPIs OpenAPIs OpenAPIs tt.showActionSheet tt.showPickerView tt.getLaunchOptionsSync tt.vibrateShort www.volcengine.com

19. 框架组件化设计接入层 Platform 应用层 Application 业务基础层 Business Utils 通用基础层 Utils 标准业务接入模板分发入口注入小程序 / 小游戏依赖模板跳转链接 (Schema) 定制能力容器 Container 开放能力 OpenAPIs 小程序小游戏 tt.getSystemInfo tt.pay 高性能渲染自定义扩展 tt.getLocation tt.login 业务基础能力 CPAPIs 加载基础 Loader / AppBase 用户账户模块定位业务模块 ? Meta 服务包管理 ? 引擎环境模块授权管理模块沙盒管理 ? 启动管理通用基础能力 Service 通用工具模块 Base 基础网络能力埋点能力 ? 队列管理模块数据存储模块音频能力 ? 定位基础能力线程管理模块定时器 ⏰ www.volcengine.com

20. 分层框架接入层 Platform 标准业务接入模板分发入口注入小程序 / 小游戏依赖模板跳转链接 (Schema) 定制能力开放能力 OpenAPIs 容器 Container 应用层 Application 小程序小游戏高性能渲染自定义扩展用户账户模块定位模块支付模块 ? ? 活体认证授管理权模块 M E T A 基础网络能力日志能力音频能力 ? ? 支付能力自定义扩展 Custom Implementation AWEPhotoBrowser 定位基础能力包管理 ? 沙盒管理 ? 启动管理通用工具模块 Base 通用基础能力 Service 通用基础层 Utils 系统信息 AWERouter 加载基础 Loader / AppBase 业务基础能力 CPAPI 业务基础层 Business Utils 路由模块队列管理模块数据存储模块线程管理模块定时器 ⏰ www.volcengine.com

21. 21 不同产品的差异化诉求

22. 小程序是如何同时服务于多个产品的？接入「小程序」「小游戏」同时支持能力定制化接入「小游戏」并移除掉定位能力接入「微型小程序」仅满足业务功能即可，减少包体积 www.volcengine.com

23. 小程序是如何同时服务于多个产品的？接入层 Platform 接入「小程序」「小游戏」同时支持能力定制化 • 使用接入「模板」，按需接入 • 关键能力定制标准接入模板入口分发注入小程序/小游戏标准依赖模板统一 Schema 入口链接的跳转注册宿主定制能力注入模版模版小程序小游戏 OpenAPIs tt.chooseImage Custom Implementation AWEPhotoBrowser www.volcengine.com

24. 小程序是如何同时服务于多个产品的？接入「小程序」「小游戏」同时支持能力定制化接入「小游戏」并移除掉定位能力接入「微型小程序」仅满足业务功能即可，减少包体积 www.volcengine.com

25. 小程序是如何同时服务于多个产品的？接入层 Platform 标准接入模板入口分发注入小程序/小游戏标准依赖模板统一 Schema 入口链接的跳转注册宿主定制能力注入模版接入「小游戏」并移除掉定位能力 • 使用接入「模板」，按需接入 • 高度内聚的「模块」设计，模块可插拔，按需移除模块小游戏 OpenAPIs 定位能力业务基础能力 CPAPI 地理位置权限管理能力通用基础能力 Service 定位基础能力通用工具 Base 通用工具 Base 队列管理模块数据存储模块 www.volcengine.com

26. 小程序是如何同时服务于多个产品的？接入「小程序」「小游戏」同时支持能力定制化接入「小游戏」并移除掉定位能力接入「微型小程序」仅满足业务功能即可，减少包体积 www.volcengine.com

27. 小程序是如何同时服务于多个产品的？接入层 Platform 标准接入模板入口分发注入小程序/小游戏标准依赖模板统一 Schema 入口链接的跳转注册宿主定制能力注入容器接入「微型小程序」仅满足业务功能即可，减少包体积 • 高度内聚的「模块」设计，「模块」可插拔 • 自由组合「模块」，按需接入小程序 OpenAPIs OpenAPIs OpenAPIs 活体认证定位能力支付能力业务基础能力 CPAPI 地理位置权限管理能力通用基础 Service 通用基础 Service 日志能力 ? 定位基础能力通用工具 Base 通用工具 Base 队列管理模块数据存储模块 www.volcengine.com

28. 28 监控服务

29. 核心数据监控 • 小程序平均加载时长 1s • 小程序加载成功率 95% • 数据异常监控主动报警 www.volcengine.com

30. 稳定性监控 • 小程序崩溃率 0.242‰ • 小程序崩溃用户数 0.139‰ www.volcengine.com

31. 稳定性监控 • 崩溃监控主动报警 www.volcengine.com

32. 32 接入小程序 SDK

33. 小程序产品接入 1.宿主相关信息填写 2.技术依赖解析工具 3.接入功能自助接入文档 (包含示例工程) 4.依照「测试用例」按需测试 www.volcengine.com

34. 火山引擎应用开发套件 MARS，免费公测中火山引擎应用开发套件 MARS，是由字节跳动技术经验的沉淀，经抖音、今日头条等多款 App 研发实践验证、诸多企业使用的面向多端开发场景的应用研发工具，致力于通过先进的研发技术，帮助企业和用户降低研发成本、聚焦业务成功。微信扫码关注公众号，点击底部菜单栏“MARS 产品”即可申请免费试用，如有私部需求也可在公众号内随时与我们联系解决。 www.volcengine.com

35. 欢迎加入 35 35 扫码关注 “火山引擎开发者社区”公众号 www.volcengine.com

36. www.volcengine.com