当前华为云部门内部的前端技术栈并不统一,比如华为云官网的 Console 控制台使用 Angular 技术栈开发,其他内部 IT 系统使用 Vue 技术栈开发。华为云要建设一套低代码搭建平台,对内提效能要同时兼顾 Angular 和 Vue 两种技术栈,对外建生态则要同时支持 Vue 和 React 技术栈。
另外,目前业界的低代码搭建平台都局限于简单的应用开发,对于华为云自身的业务逻辑,一个项目工程里,原本用高代码开发的复杂页面,很难完全通过可视化拖拽搭建出来,但是那些简单的页面,还是希望使用可视化拖拽快速生成,因此支持高低代码混合开发的需求就摆在眼前。
结合以上两个主要诉求,决定使用 WebComponent 技术解决同时支持 Angular、React、Vue 技术栈的问题,使用 VSCode 插件方案解决高低代码混合开发的问题。当前三大主流前端框架的最新版本,都提供官方命令行工具一键转换成 WebComponent 组件,这样低代码平台中间区域的画布只需处理原生的 HTML 元素,不需要为不同技术栈做特殊处理。
借助 VSCode 插件可以操作本地工程代码的特性,将低代码平台的 Web 界面抽离解耦,以 WebView 的方式嵌入到 VSCode 中,拖拽搭建的页面直接生成对应技术栈的源代码,然后写入到本地工程目录下,跟其他高代码混合一起编译,最终构建成完整的应用。基于以上方案开发的华为云低代码平台正在内部领域试用,未来会作为华为云生态建设的组成部分对外开放。
演讲提纲:
- 华为云低代码平台建设背景与诉求
- 华为云内部前端技术栈使用现状
- 不同领域的低代码搭建提效诉求
- 烟筒式低代码搭建平台的弊端
- 业界同类产品对比分析
- 支持多技术栈与高低代码混合开发
- 低代码搭建平台的目标与适用场景
- 低代码物料与可复用的区块的能力
- 使用 WebComponent 统一组件渲染方式
- 使用 DSL 生成源码实现高低代码混合开发
- 实战低代码平台开发流程及生态建设
- 低代码搭建应用的开发流程
- 建设开放生态的低代码搭建平台
你将获得:
- 了解业界低代码搭建平台的现状及局限性
- 了解 WebComponent 技术如何解决低代码平台跨技术栈问题
- 了解 VSCode 插件和 DSL 代码转换如何实现高低代码混合开发的问题