包罗万象，轻装上阵——小程序打造思路与应用实例

包罗万象，轻装上阵 ——⼩程序打造思路与应⽤实例 李洋腾讯云智慧传媒行业解决方案专家 ⼩程序成为中国移动互联⽹商业新基建 700万+ 微信小程序数量 微信拥有国内最多的小程序服务，是开发者的上架小程序的首选应用 7亿+ 微信小程序DAU 2023年微信小程序DAU突破6亿，同步增长超30%。 300万+ 小程序开发者 小程序开发技术栈已成为企业前端工程师的必要技能。 各大互联网公司的小程序平台大小程序平台 ⼩程序互联⽹⽣态图谱 小程序互联网从“多生态”向“跨生态”跃迁，肩负了创新的使命。社交、短视频、直播、本地生活成为留住用户、促进活跃和商业转化的关键业务 资料来源:市场公开信息，由阿拉丁研究院整理 腾讯云⾸次将⼩程序能⼒向B端市场开放 腾讯云⼩程序平台 TencentCloudMiniProgramPlatform 微信同源⼀码多端开放⽣态 微信发布⼩程序 微信⼩程序蜕变 TCMPP诞⽣ TCMPP全⾯推⼴ 2017年，微信发布小程序。 初衷“用完即走”、“尽可能减少对用户的打扰” 2017年3月–2018，大半年时间，共计迭代23次； 从“极度克制”到几乎“无所不能” 2022年，腾讯云推出小程序平台。 致力于让企业自家App能够运行小程序，帮助企业建立小程序的商户生态 2023年3月，腾讯云小程序平台上线腾讯云，全面向外界开放 4 TCMPP产品能⼒-⼩程序容器 微信同源的小程序容器，最大化兼容性、多端复用、确保体验一致和能力互通 开发便捷 性能稳定 业务安全 ⼩程序容器 丰富的业务组件/API 提供了常见的组件和API，如：表单、媒体、地图等，在通用业务流程的开发上，降低代码开发量，快速上线。 02 强⼤的业务承载能⼒ 小程序容器拥有，支持活动报名、实时直播、短视频、电商抢购等高并发业务的平稳运行。 代码扫描&运⾏监控 安全扫描可对小程序代码包进行全方位漏洞检查，保证业务安全上线；小程序监控可对业务实时告警，保障业务不出错。 TCMPP 控制台 编码 运营 TCMPP产品能⼒-产品控制台与开发者IDE 基于产品控制台，提供完整的小程序运营、开发者入驻能力。基于开发者IDE，提供强大的小程序代码开发与发布的工具 运营平台 开放平台 开发者⼯具 上传代码 预览 编码 运营数据 维护版本 发布上架 平台管理 上架审批 小程序 SDK管理 统一管理 App运营者 ⼩程序运营者 ⼩程序开发者 TCMPP产品能⼒-⾃定义API ⼈脸识别SDK 其他地图SDK ⽀付SDK ARSDK VOIPSDK ⾃定义API，与原⽣宿主APP通信 …… 网络请求API 设备API文件API 数据缓存API位置API开放接口API 基础API 路由API小程序跳转API 界面交互API 媒体API ⽀持⾃定义API，与宿主App进⾏功能交互，解决某些微信⼩程序原⽣API只能在微信内使⽤（如视频号、订阅号、微信红包等）的问题 TCMPP产品能⼒-灵活定义SDK样式 ⾃定义胶囊 默认胶囊 自定义胶囊 自定义胶囊 自定义胶囊 分享⾯板以及导航 默认顶部栏 扩展分享面板 扩展分享面板 自定义返回 自定义胶囊 其他 默认Loading 自定义Loading 默认授权 自定义授权 腾讯云⼩程序平台能⼒全景图 应用场景 终端 移动端应用 桌面端应用 IoT设备 行业应用 掌上政务大厅 数字银行 移动电视台 IMSuperApp 开发者工具IDE 代码编译 实时预览 真机调试 自定义编译条件 业务集成 模版复用 兼容各端设备与操作系统，保障小程序体验 业务开发 小程序容器SDK 微信同源 安全沙箱 渲染引擎 自定义API 代码加密 数据隔离 应用数据实时更新代码版本提交 快速实现业务数字化 小程序市场腾讯云生态 合作伙伴 为开发者引流 开发管理 运营平台 开发信息审批 应用&SDK管理 基础库管理 审批流提交 开放平台 发布管理 安全扫描 API管理 运营分析 运维监控 面向集团企业提供租户管理能力，开放OpenAPI满足各类场景开发基于腾讯云安全能力，保障运营数据及运维安全 基础能力 业务保障 多租户体系 用户权限策略 OpenAPI 运维保障 日志审计 数据上报 服务高可用 故障转移 场景(1)——新业务基于⼩程序开发 【新业务】基于H5进⾏业务内容的开发，⽀持可选的多端编译，不同平台统⼀上传发布，提供预览和调试⼯具 业务开发需求 开发⼩组A 开发⼩组B ⼩程序 IDE H5开发 H5开发 预览调试 预览调试 合并代码 多端编译（可选编译类型） 控制台 统⼀发布 APP 微信⼩程序 场景(2)——原业务迁移上⼩程序 快速发布，实现“⼀码多平台”，不改变原有开发模式，复⽤存量项⽬代码 信⽤卡申请VUE 理财类 ⼀次编码，多平台发布 营销类 ⽣态类 ⼯具类 UniAPP 微信 多端编译 H5 覆盖微信外的主流平台流量渠道 和开发微信⼩程序⼀样开发⾃⼰的私域⼩程序 场景(3)——存量微信⼩程序业务快速搬家 搬家⼯具 ⼩程序容器 App内运⾏ 迁移指南 适配建议 兼容性检测 存量微信⼩程序⾃有APP，私域⼩程序 ⽤户 数据 流量 三步实现在⾃有APP中上架⼀个⼩程序 运营平台&开放平台 详细的SDK集成流程，请见用户手册 小程序分析、用户反馈、版本管理… ⼩程序容器SDK 生成对应的SDK 创建应⽤ 如何在App中上架小程序？ 只需三步： 1.运营端创建应用 2.开发者创建小程序 创建⼩程序 ⼩程序AppID 工程关联、代码上传、 导入集成后拥有小程序容器能力 3.小程序与应用绑定 基础库管理… 宿主APP IDE小程序工程 借助开源的⼒量，10分钟上架⼀个“2048互动游戏”⼩程序 1-⼩程序平台提DEMOAPP （Android/iOS）GitHub开源代码⼯程， 辅助开发者快速参考，集成SDK 2-基于开源的微信原⽣2046⼩程序，在 TCMPP的IDE中编译提交代码 3-基于TCMPP控制台审核上架⼩程序，即 可在DEMOAPP中预览使⽤ 媒体+⼩程序业务破局，⼤健康、旅游、内容领域值得期待 资料来源:市场公开信息，由阿拉丁研究院整理 业务创新：浙江⼴播电视台Z视介APP的⼩程序应⽤ 传媒 + ⽣态 基于TCMPP小程序容器打造传媒超级App服务架构，在App内建立小程序生态，为客户拓展丰富的媒体+场景 塑造开放式的“传媒+生活”生态圈，支持将短视频、直播、红包、优惠券等功能小程序化，紧跟当下新型媒体的发展趋势和应用需求 跑男小程序 K歌小程序 国风文化小程序 体育小程序 音视频小程序 Z视介APP 播客小程序（微信同步） 典型案例：BTV春晚配套AIGC互动⼩程序 典型案例：腾讯智影、数智⼈、混元助⼿⼩程序 典型案例：云游敦煌⼩程序 典型案例：云游长城⼩程序，毫秒级还原长城的云渲染应⽤ 融媒体平台逐步逐步扩展⼩程序⽣态 验证阶段（0-1个） 技术上验证测试已有模块的首个小程序化。尝试测试1-2个活动模块小程序化。 拓展阶段（1-10个） 把一部分固定栏目或功能小程序化，一部分独立模块小程序化 ⽣态阶段（10个+） 开放第1眼新闻小程序生态，引入更多的小程序合作方。 部分功能上线到微信小程序 业务创新类营销转化类 ⼯具流程类 业务运营部门科技IT部门 邮件/通知 留存/活跃 资讯小程序 OA流程 优惠券 综艺小程序 会议预定 引流获客 直播小程序 发布运⾏ 第三方技术提供商 生态合作伙伴 促成新业务形态延伸，追热点、快速试错、内容产品创新 活动运营的常态化， 实现从公域倒流到私域，并刺激已有用户活跃 生产流程的移动化赋能，ToB技术输出与企业数字化，本地资源变现 借助⼩程序技术，构建技术⽣态，低集成成本接⼊业务创新 THANKS！ 感谢聆听 李洋2024.3.26