一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第25天，点击查看活动详情。
通常来说，我们做一个可视化搭建系统，需要分为以下几个部分：组件本地开发、组件管理、登陆鉴权与用户体系、应用管理、构建系统、发布系统。下面我们依次来介绍下这几个部分。
首先是组件本地开发部分，这个是脱离于搭建体系的，通常为了给用户更多的自由度，我们可以用脚手架生成一个组件研发模版，内置了组件研发的常见功能，比如本地启动，预览等等。本地开发完成之后需要将组件发布到一个平台，发布到npm仓库是一个不错的选择，因为要实现一个物料管理与本地的解耦，所以需要npm仓库这一层。
其次就是物料管理模块，它可以引用本地发布的物料，创建一个搭建系统的业务物料。
然后就是到了应用管理模块，可以对你自建的物料进行关联，然后在搭建面板里对物料进行拖拽组装，生成一个页面。我们可以通过构建服务来生成真实的页面。最终通过发布系统，将页面发到线上。
登录模块是一个非常关键的模块，可以自建登录系统，也可以对外对接多套认证系统。我们可以通过Oauth来接入外部的账号体系。
在我们自己做的业务里，有几个点比较特殊：
-
认证部分，我们的外部登录系统不支持oauth怎么办，那可以跳转到对应的页面，然后登录完成之后利用业务的回调，将登录信息写入到本地的业务系统当中去。流程大约是这么个流程：（1）跳转到对应的登录系统并完成登录；（2）回调一个后端服务接口，将信息同步到本地，同步用户信息，与本地用户相关联，服务写入session，然后再302到前端的业务代码当中
-
与核心引擎的对接，考虑根据核心搭建引擎产出符合自己业务需求的内容
-
发布流程对接比较麻烦，代码文件需要加密，需要把所有文件都打包出来，不能采用传统的动态加载组件的方式
-
搭建的内容页面交付形式需要考虑好，需要保证能无缝接入到业务当中去
