总结如何设计一款营销低代码可视化海报平台

背景

我所在的部门负责的是活动业务，每天都有很多的营销活动，随之而来的就是大量的H5活动页面。而这些H5活动已经沉淀出了比较固定的玩法交互，我们开发大多数的工作也只是在复制粘贴这种大量的重复工作。

在基于此背景下我开始了低代码平台的开发。

项目架构

首先肯定需要一个可视化编辑器，编辑器主要是以活动为单位进行流转：包括活动的创建、编辑、预览、发布。当然上面流程中的预设模板和组件肯定也要考虑在内。

然后活动搭建完，运营需要去投放，投放侧肯定是H5了，那么对应就要有一个项目来负责对已搭建活动的渲染。渲染端是对客端，也就是投放出去的落地页，用户可以直接看到的。这部分主要是负责对页面的渲染和对应的组件加载、调度，这里采用的是服务端渲染。

然后服务端还需要对上下游提供API。

到这里其实已经可以满足我们最基础的需求了。但这里还有一个不得不提的：组件库。

上面两个比较好理解，那为什么需要组件库呢？组件库核心作用在于复用，我们知道上图中间的画布区域、预览区域以及最终渲染端其实展示都是一样的，这种场景下怎样实现最大程度的复用呢？这个时候就要依附于组件库的能力了。

组件库侧会积累编辑器中经常用到的一些基础组件，像我们这里主要就是文字、图片和素材了，文字和图片比较好理解。素材以形状为主。

细化一下需求：编辑器需要一个前端和服务端；渲染端直接用服务端渲染就行，所以只需要一个项目;组件库可以接入我司已有的组件