(1)vivo官方出品:vivo的活动中台“悟空”久负盛名,早已实现千万级DAU,是活动中台领域的标杆,被竞相学习和效仿。
(2)5维度讲解:从业务设计、技术架构、核心技术、实现思路、应用实践等维度全面讲解了活动中台的设计与实现。
(3)提升活动开发能力:本书将从业务、产品、技术等多个维度全面提升企业的活动开发能力,从而提升活动的效果。
(4)前端技术精进:包含微前端技术架构、可视化搭建、H5性能优化、H5跨屏动态适配等大量前端技术细节。
本书讲解了如何将企业的营销活动开发和运营能力通过中台标准化和敏捷化,实现对前端需求的快速响应和后端能力的整合复用,从而提升企业营销能力和营销效果。
本书的内容来自于vivo官方的实践,vivo的活动中台“悟空”是各行业竞相学习和效仿的标杆。本书从业务、产品和技术的角度对悟空中台的业务设计、技术架构、核心技术、实现思路、应用实践等做了全面的讲解。
全书一共7章,可以分为三个部分:
第一部分 活动中台前世今生(第1~3章)
首先介绍了传统活动开发的模式和瓶颈,然后介绍了vivo结合中台理念探索出的一套创新性的活动开发模式,最后介绍了活动中台的功能架构和业务设计。
第二部分 活动中台架构设计(第4~5章)
从前端的视角讲解了如何利用微前端和H5等技术实现活动中台的架构设计和落地,不仅讲解了活动中台的架构与实现,而且还包含诸如微前端架构、可视化搭建、H5性能优化、H5跨屏动态适配等大量技术细节。
第三部分 活动中台技术探索(第6~7章)
这部分内容是 vivo中台团队对智能活动制作的探索与设想。不仅向读者介绍了中台配套的服务端Node.js技术,而且还介绍了中台团队在活动中台上进行的低代码实践。
第一部分 活动中台的前世今生
第1章 传统活动开发遇到的困境 3
1.1 活动开发的3种模式 3
1.2 如何抽象整合活动平台 6
第2章 活动开发模式创新 8
2.1 “将平台交出去”的创新设计 8
2.2 让研发人员也成为平台的用户 10
2.3 原来这就是活动中台 12
第3章 活动中台业务设计 15
3.1 中台功能架构设计 15
3.1.1 问题背景 15
3.1.2 产品介绍 16
3.1.3 产品矩阵 17
3.1.4 功能架构 17
3.2 落地页管理—作品中心 18
3.2.1 作品卡片 19
3.2.2 作品状态 20
3.2.3 作品短链 20
3.2.4 批量管理 21
3.2.5 作品组 22
3.2.6 数据分析 23
3.3 作品的齿轮—组件与任务 24
3.3.1 组件类型 24
3.3.2 任务组件 27
3.4 物料管理—素材中心 30
3.4.1 素材上传 31
3.4.2 素材管理 33
3.5 访问控制—权限中心 34
3.5.1 常见的权限设计模式 34
3.5.2 权限系统的实现 36
3.5.3 权限隔离设计 41
3.6 活动工厂—H5可视化搭建 44
3.6.1 元素区 45
3.6.2 设计区 45
3.6.3 配置区 47
3.6.4 页面管理区 52
3.6.5 功能区 54
3.7 数据服务设计 56
3.7.1 组件服务 57
3.7.2 编译服务 57
3.7.3 数据服务 58
第二部分 活动中台架构设计
第4章 微前端架构设计 63
4.1 微组件概述 63
4.1.1 Vue 单文件组件 64
4.1.2 构建 UMD 规范 64
4.1.3 构建微组件基座 67
4.2 微组件状态管理 70
4.2.1 传统EventBus方案 70
4.2.2 天然的解决方案Vuex 71
4.3 微组件基座设计 77
4.3.1 组件沙箱 77
4.3.2 沙箱通信 85
4.4 通用可视化中的微组件 91
4.4.1 扩展微组件 91
4.4.2 定制化基座 92
4.4.3 组件动画 95
4.5 热编译微组件工程 100
4.5.1 微组件生成活动页 100
4.5.2 服务端活动编译加速 107
4.6 可视化搭建微信小程序 109
4.6.1 基于uni-app的微组件 110
4.6.2 微组件编译微应用 124
第5章 H5 性能优化实践 130
5.1 H5性能检测 130
5.1.1 Lighthouse 130
5.1.2 关键指标解析 132
5.2 H5渲染加速优化 136
5.2.1 网络层优化 136
5.2.2 图像优化 140
5.3 图片高效加载方案 142
5.3.1 图片服务架构设计 142
5.3.2 实战中WebP的应用 148
5.3.3 提升WebP的兼容性 150
5.4 网页秒开探索 153
5.4.1 网页渲染模式 153
5.4.2 WebView 秒开方案 157
5.5 H5跨屏动态适配方案 162
5.5.1 普适性布局方案 162
5.5.2 H5在满屏下的痛点 165
5.5.3 预设性的优化 167
5.5.4 预设规则的实现 170
第三部分 活动中台技术探索
第6章 Node.js在中台应用上的实践 179
6.1 企业级 NPM 私服实践 179
6.1.1 安装部署Verdaccio 180
6.1.2?利用NRM来使用私有源 183
6.1.3 内置插件扩展私服能力 184
6.1.4 自定义tag管理多环境插件 185
6.2?Node.js数据持久层的探索 187
6.2.1 数据持久层现状与思考 188
6.2.2?探索数据持久层 191
6.2.3 工程化体系加持下的未来 204
6.3 Node.js 应用全链路追踪技术 206
6.3.1 Node.js 全链路信息获取的方式 207
6.3.2 zone-context方案设计 208
6.4 Node.js搭建自动化文档工作流 216
6.4.1 自动化文档生成器 217
6.4.2 自动化文档部署 221
第7章 中台之上的低代码开发平台 226
7.1 H5生产力的迷与思 226
7.1.1 低复用场景下的弊端 226
7.1.2 零代码与低代码 228
7.1.3 低代码模式下的活动开发 230
7.2 构建本地低代码工具 233
7.2.1 低代码工具设计 233
7.2.2 基于Vue代码的工程可视化工具 236
7.3 智能化的活动中台 247
后记 249
vivo 活动中台能够获得成功,是因为做到了4点:第一,将共性需求提炼为中台能力;第二,中台解决难度大、耗费资源多的难题;第三,中台团队以第三方的姿态去设计、推荐自己的服务;第四,每个业务单元以组织整体利益z大化为原则去选择自己的业务实现方案。从最终结果来看,前三点证明了悟空活动中台开发运营团队的优秀,第四点证明vivo企业文化践行的优秀。
——徐耀铭 vivo线上市场领域总经理
“悟空”中台体现了vivo的用户导向和设计驱动这两大核心价值,一方面给用户提供了各种丰富、有趣的活动,另一方面大大降低了内部运营开发团队开展营销活动的难度,提高了工作效率,这应是所有技术人员都要不懈追求的目标。
——张飞 vivo互联网内容分发事业部总经理
vivo前端团队在研发悟空活动中台过程中,在多端可视化搭建方向上进行了卓有成效的探索,以uni-app跨端框架为基础,创造性地将微前端和多端概念结合起来,实现了可视化搭建动态多端小程序。本书详细复盘了vivo前端团队在多端可视化搭建过程中的探索与思考。如果你的团队同样面临可视化搭建问题,那么本书不容错过。
——崔红保 DCloud CTO
vivo在活动中台建设方面的探索比较领先。本书全面地介绍了营销场景中H5落地页生产的中台方法,为创新技术与业务相结合实现价值z大化提供了范例。对于正在解决烟囱式H5活动开发问题的企业来说,本书的许多理念和方法都值得借鉴,推荐阅读。
——陆田 一叶智能CEO
本书是vivo中台团队在长期实践的基础上宝贵经验的总结。书中不仅对理论知识进行了解读,而且用了大量的案例进行说明,特别是自研的微前端设计与实现方案。前端开发人员可以参考本书的实战案例进行技能提升。
——纪龙 OPPO自营电商oneplus研发负责人