甘泉-爱奇艺React+Native低代码系统架构设计与实践.pdfVIP

爱奇艺 React Native 低代码 系统架构设计与实践 甘泉 爱奇艺高级经理 自我介绍——甘泉 • 2016 年底加入爱奇艺 • 先后从事过 • RN 框架优化和生态建设 • 基于RN的万花筒引擎的设计与开发 • RN / Flutter / 小程序框架和 WebView 容器 优化和团队管理 • 目前担任 App 中台团队负责人 先看个宣传片 宣传片里看到了什么？ • 一个看上去很动感的页面！ • 倒计时全屏浮层动画 • 很燃的火焰动画 • 根据音乐节拍抖动的播放器 • 展示视频内容的长列表页面 这个页面有可能用低代码搭出来吗？ • 100%采用本次演讲介绍的方案实现 • 这是一个高自由度、易扩展的低代码方案 • 用 【零代码】搭建页面（高频） • 用 【低代码】开发页面内常规组件（中频） • 用 【专业代码】开发页面内定制化组件（低频） 内容大纲 业务面临的挑战和技术路线的选择 整体方案的架构设计 万花筒引擎的设计目标和实现思路 低代码平台设计与实践 性能优化和生态建设 上线效果和经验总结 内容大纲 业务面临的挑战和技术路线的选择 整体方案的架构设计 万花筒引擎的设计目标和实现思路 低代码平台设计与实践 性能优化和生态建设 上线效果和经验总结 业务背景——一般页面开发模式 前后端开 提出需求 需求评审 视觉设计 测试验证 修复bug 跟版上线 发 产品经理 产品经理 设计师 工程师 QA 工程师 设计师 工程师 QA 业务背景——专题页开发模式 提出需求 视觉设计 搭建页面 自测验证 投放上线 编辑 设计师 编辑 编辑 编辑 开发模式 流程 参与人员 开发成本 发布周期 向前兼容性 一般页面 长（7段） 多（4类） 高 固定、长 不兼容 专题页 短（5段） 少（2类） 低 随时、短 兼容 业务面临的挑战 • 需求方 • 需求解读 • 总编室做内容运营的编辑们 • 为非编程人员开发页面赋能 • 核心诉求 • 使用频率高，页面要能玩出花样 • 能快速制作出多样化的内容专题