vivo智能活动中台-悟空系统建设之路

1. vivo 智能活动平台悟空系统建设之路冯伟姜野 vivo 互联网用户运营前端专家 vivo 互联网用户运营服务器专家

2. 01 悟空系统介绍

3. 悟空系统介绍-让活动更简单，更有效

4. 悟空系统介绍-覆盖vivo全业务全业务可复用悟空公共组件业务自研组件

5. 悟空系统前台设计技术挑战以及架构设计 01 02 03 04 组件开发可插拔开发套件介绍界面组装活动设计器渲染方案代码生成静态页面发布方案建站智能化方向探索

6. C端活动页面整体生产流程组件开发 SaaS 界面组装代码生成 PaaS 数据协议图片视频商城视觉规范目标下载文本抽奖游戏埋点方案依赖安装领券集卡广告工具支撑活动编译沙箱画布通信资源压缩开发IDE 机房发布管理平台存储服务数据总线预览远程调试 oss备份活动页面

7. 01 组件开发-可插拔开发套件开发工具 VSCode Extension 服务托管 NPM Server 权限管理 Open Platform 组件开发组件发布鉴权组件关联数据组件打包组件包存储组件权限管控组件发布推送更新组件发布记录 Verdaccioss Server 组件存储至OSS 方案特点可插拔托管稳定高效协作

8. 01 组件开发-可插拔开发套件 VSCode Extension 开发脚手架服务一键初始化组件代码组件打包组件发布开放文档

9. 02 界面组装-活动设计器渲染方案 IFrame 活动预览区特点跨域隔离灵活嵌套异步精确加载

10. 02 界面组装-活动设计器渲染方案 unirender postMessage postMessage渲染方案 unirender配置区渲染方案传递数据：事件形式透传合并数据：触发响应式更新数据：全量赋值数据零拷贝剔除70%通信代码内存消耗降低 50%-70% 渲染配置面板 vuex获取共享配置

11. 02 界面组装-活动设计器渲染方案设计思路 Vue store 代码实现重置option&挂载实例化配置页 sandboxVue store 实例化共享 watcher.deps&store 预览页渲染子，传入vue和store 定义加载方式加载使用父传入的vue 和store渲染

12. 03 代码生成-静态页面发布方案实时操作复杂度高 01 问题公共依赖：dll方式性能消耗活动依赖：yarn包工程资源：vue-cli 消耗计算和内存资源，高峰期响应慢、内存溢出 02 问题服务保持服务维护受单机限制服务更新需停机，期间不可用服务更新依托平台扩展性差占据大量计算资源难以新增机器，存在浪费计算资源解决方案应用拆分微服务调度

13. 03 代码生成-静态页面发布方案 web-front-end (/wukongplatform/site/publish) 架构特点 site_id wukong-Java 轻量化高性能 publish_res site_info vivo-zookeeper wukong-Node beehive-registry 注册中心 site_info 编译打包 Node- service site_info wukong-Node publish_info Node-service BeehiveCompile-Node site_info beehive-consumer 服务调用 publish_info WS (BeehivePublish.beehivePublish) beehive-service 服务提供 CDN Aliyun-OSS 编译打包 publish_info publish_info site_zip site_info upload_res vivo-FTP 服务观察页可观察

14. 04 智能化探索-活动页转换技术三方页面悟空页面面临挑战保留框架和内容转换提取点击交互区插入自定义内容

15. 04 智能化探索-活动页转换技术 1.安全合规校验 2.自定义脚本动态插入 3.OCR解析素材交互事件 4.交互事件绑定行为 H5 URL 输入 5.合成落地页要素通过后台浏览器，预置规则进行页面脚本和数据处理 OCR识别&特征提取输出初始化活动信息通过浏览器渲染后的 Elements元素扫描，以及素材OCR，实现页面二次合成悟空 URL 1.归集活动配置 2.初始化活动id和基础配置 3.启动无头浏览器 4.补齐落地页脚本路径

16. 04 智能化探索-自然语言快速创建活动 AI文本 &图片情景预置标准化语义输出内容理解+ 模板优选效果演示

17. 悟空系统中台设计技术挑战与实践 01 02 03 悟空系统中台架构灵活高效的中台设计复杂活动的高效支撑

18. 悟空系统中台架构触达广告投放短信 Push 活动营销 H5建站工具服务配置活动中台开发者控制社交裂变极简建站人群分流营销工具程序化页面监控风控素材中心工具箱营销市场内容组件营销组件互动组件大转盘砸金蛋表单咨询图片 URL管理模板市场图片应用下载答题九宫格抓娃娃电话卡券视频程序化站点组件市场文本在线表单签到裂变投票加粉抽奖音频页面检测活动市场热区微信加粉抽奖现场活动 … 签到 … 公共素材库图片工具营销学院通用配置个性化配置玩法配置玩法中心前置条件原子组件任务中心权限管理 … 奖品中心通用配置通用配置通用配置任务池任务上架任务模板奖品池奖品发放奖励补偿地域限制次数限制 … 任务列表自定义任务 … 奖品库存自定义奖品 … 组件开发开放奖励统一指令 playmaker 组件测试开放任务统一API … 数据中心转化分析实时数据访客分析留存分析组件分析页面热力 A/B测试来源分析

19. 灵活高效的中台设计-BCA模型 BCA B + Behavior C Condition 竞猜答对N道题收藏浏览 + 送活动次数送特定奖品集卡分享 Action 评论获赞N次答题评论 A 集齐卡片送虚拟资产分享指定活动送抽奖机会浏览特定页面发送短信通知收藏商品下载下载特定应用

20. 灵活高效的中台设计-BCA模型引擎 BCA模型模型引擎 Condition & Action Group l behavior 1 condition action action limit Behavior happened 模型引擎伪代码执行入口 Condition校验加载 Condition & Action group Condition & Action Group 2 behavior 2 condition action action limit Condition 校验通过 Action Limi 校验通过 Condition & Action Group n behavior n condition action action limit 执行Action 执行Action

21. 灵活高效的中台设计-业务的高效接入下载游戏、打开游戏、V钻消费游戏中心抽奖大富翁开宝箱 … 游戏礼券、游戏道具自定义任务加购物车、支付订单、完成评价自定义奖品官方商城集卡商城优惠券下载游戏下载王者荣耀 V钻消费 V钻消费>=500 听歌听周杰伦的歌听歌超过10s 支付订单商品为手机商品位配件 … … 听歌、听书、收藏、点赞 i音乐 7天VIP体验卡发放游戏礼券发放商城优惠券发放7天VIP体验卡

22. 灵活高效的中台设计-自定义任务悟空系统 behavior 1 行为参数定义发送消查找任务定义息 condition行为表达式 behavior 2 自定义任务 topic 发送消息发查找任务配置 {" expression": "long(time)>=long(timeConfigValue) ", "type ":“1"} 息消送消费消息 { "user": "openId":"xxx" } " oper":{ "key":"viewvedio",l∥自定义任务唯一标识 "prop":{ "time":15/∥行为参数值 } behavior n } Aviator 规则引擎计算 Condition 表达式结课 Ture 执行Action False 结束

23. 灵活高效的中台设计-自定义奖品 Action执行（自定义奖品发放）发放 21 # vivoplus-shop-coupon 自定义奖品前缀 use com.vivo.Doraemon.serializer.JacksOn; XXX return paramList; dubbo接口泛化调用 { "path":"com.vivo.xxx.XXXFacade“, "group":" "version":"1.0.0", "method":"receiveCouponCommon", "paramType":"com.vivo.xxx.facade.dto.request XXXReq“ } aviator脚本出参解析 use com.vivo.internet.xxx.utils.DateUtils; let reponseDTO = seq.map(); XXX return reponseDTO; 自定义奖品唯一标识自定义奖品流水号 aviator脚本构造入参奖品信息发奖来源 Action上下文用户信息

24. 复杂活动的高效支撑-组合活动抽奖活动A 抽奖活动B 用户抽奖机会 A 用户抽奖机会 B 抽奖活动A 抽奖活动B 组合活动C 奖池 A 奖池 B 奖池 A 用户抽奖机会 C 中奖轮播信息 C 中奖轮播信息 A 中奖轮播信息 B 奖池 B

25. 复杂活动的高效支撑-playmaker玩法编辑器业务场景签到送福气涉及活动及依赖关系签到活动A 福气值达到20可以解锁新年签新年签解锁后可以抽奖大型新春活动依赖资产活动B 依赖解锁活动C 依赖抽奖活动D

26. 复杂活动的高效支撑-playmaker玩法编辑器 STEP2 集中式配置加载playmaker 活动定义活动初始化仅生成活动D 注入依赖活动 Ready STEP1 低代码技术拖拽活动、描绘依赖关系画图开源项目：jsPlumb STEP3 创建活动创建所有子活动并完成依赖关系绑定参考Sring Bean初始化过程

27. 04 总结和展望

28. 总结和展望悟空是可视化、组件化、一站式的综合运营平台，聚焦让活动更简单，更有效悟空在自然语言建站方面取得了阶段性进展 BCA模型，让活动更灵活高效 Playmaker，让复杂活动变得简单更多AI场景的探索与落地总结后续规划完善电商能力面向社会的开放平台让更多开发者受益

29. Thanks