已开源 优酷动态模板研发体系为分发提效30%

概述

优酷是一个多屏、多端，以内容分发及内容消费为主体的文娱生态综合体。 在内容分发场景，存在大量的客户端开发需求，包括视觉升级、各场景的业务需求迭代、大小屏设备需求同步等，为了降低研发在跨端场景中组件重复开发的技术成本，优酷技术团队于2019年底开始探索跨端动态化研发提效解决方案，经过2年多时间的努力，目前跨端动态化能力已经在优酷各业务场景落地，帮助研发团队在分发业务上实现提效30%左右。

动态模板技术体系以跨端动态化SDK为中心，通过在设计阶段、研发阶段、联调阶段降低对接、开发、调试等核心工作的技术成本，从而真正实现研发提效。目前整个技术方案包括画眉跨平台动效解决方案、智能化设计平台GaiaSketch、跨端模板动态化方案GaiaX、动态模板可视化少代码搭建平台GaiaStudio、辅助调试工具快速预览FastPreview。

动态模板技术方案将客户端研发链路实现了串联，通过完备的工具化支撑体系，让开发者可以高效完成组件由原始设计稿到可运行代码的最短通路，本文将对研发体系中涉及到的核心模块就行介绍，希望对技术社区及广大开发者有一定帮助。

智能化设计平台 - GaiaSketch

Sketch作为一款优秀的设计软件，目前已经是绝大多数互联网企业设计部门的主要设计工具。与Photoshop相比，Sketch对矢量元素具有更强的处理能力，并且其本身提供了丰富的二次开发接口，具有很强的开放性。
针对标注导出及组件还原两部分日常工作量占比较高的工作，优酷技术团队基于Sketch插件架构体系，研发了自动化标注构建导出、组件代码自动生成以及标准素材库建库等能力。对于设计师来说可以通过插件建立起标准库（包括：组件库、样式库、图标库、页面库），也可以通过插件导出更为简单易用的【标注文件】；对于开发来说，可以通过插件能将Sketch设计稿中的图层导出为代码（GaiaX、React、Rax、Vue、小程序等）。

标准素材库

每个组件库由一个或者多个 Symbol 构成，每个 Symbol 按照一定的格式命名后，插件就能读取并可视化展示在插件中，并可将可视化后的组件直接拖拽到 Sketch 设计稿中且与原库保持关联。