多技术栈及高低代码混合开发 - 华为云低代码平台架构探讨

所属专题:低代码架构设计与实现

嘉宾 : 莫春辉 | 华为云主任工程师

会议室 : 宴会厅2

讲师介绍

专题演讲嘉宾:莫春辉

华为云主任工程师

华为云 Web 能力中心低代码平台负责人,AUI 前端框架负责人。2014 年加入华为,带领团队开发 HAE(Huawei Application Engine)前端框架,其底层核心是自研的面向对象的 JS 类架构,支持与 AngularJS 相似的数据双向绑定,可灵活配置的系统、页面、组件生命周期,以及支撑华为内部 IT 应用的高性能 UI 组件库。2017 年 HAE 演进成为基于 Vue 的 AUI 框架,并以落实体验一致性规范的要求,在公司各 BET 领域大规模推行,2019 年底发布了全新架构支持跨端跨框架的 AUI 3.0 版本,2020 年推出同时支持 Vue 2 和 Vue 3 的 AUI 4.0 版本,2021 年开始负责华为云低代码平台研发工作。

除前端框架开发、低代码平台研发外,还参与制定公司的前端开发规范,担任信息技术任职的评委、JavaScript 认证考试专家组成员,系公司开源能力中心 Vue SIG 组织 Maintainer 成员。

议题介绍

演讲:多技术栈及高低代码混合开发 - 华为云低代码平台架构探讨

当前华为云部门内部的前端技术栈并不统一,比如华为云官网的 Console 控制台使用 Angular 技术栈开发,其他内部 IT 系统使用 Vue 技术栈开发。华为云要建设一套低代码搭建平台,对内提效能要同时兼顾 Angular 和 Vue 两种技术栈,对外建生态则要同时支持 Vue 和 React 技术栈。

另外,目前业界的低代码搭建平台都局限于简单的应用开发,对于华为云自身的业务逻辑,一个项目工程里,原本用高代码开发的复杂页面,很难完全通过可视化拖拽搭建出来,但是那些简单的页面,还是希望使用可视化拖拽快速生成,因此支持高低代码混合开发的需求就摆在眼前。

结合以上两个主要诉求,决定使用 WebComponent 技术解决同时支持 Angular、React、Vue 技术栈的问题,使用 VSCode 插件方案解决高低代码混合开发的问题。当前三大主流前端框架的最新版本,都提供官方命令行工具一键转换成 WebComponent 组件,这样低代码平台中间区域的画布只需处理原生的 HTML 元素,不需要为不同技术栈做特殊处理。

借助 VSCode 插件可以操作本地工程代码的特性,将低代码平台的 Web 界面抽离解耦,以 WebView 的方式嵌入到 VSCode 中,拖拽搭建的页面直接生成对应技术栈的源代码,然后写入到本地工程目录下,跟其他高代码混合一起编译,最终构建成完整的应用。基于以上方案开发的华为云低代码平台正在内部领域试用,未来会作为华为云生态建设的组成部分对外开放。

演讲提纲:

  1. 华为云低代码平台建设背景与诉求
    • 华为云内部前端技术栈使用现状
    • 不同领域的低代码搭建提效诉求
    • 烟筒式低代码搭建平台的弊端
    • 业界同类产品对比分析
  2. 支持多技术栈与高低代码混合开发
    • 低代码搭建平台的目标与适用场景
    • 低代码物料与可复用的区块的能力
    • 使用 WebComponent 统一组件渲染方式
    • 使用 DSL 生成源码实现高低代码混合开发
  3. 实战低代码平台开发流程及生态建设
    • 低代码搭建应用的开发流程
    • 建设开放生态的低代码搭建平台

你将获得:

  • 了解业界低代码搭建平台的现状及局限性
  • 了解 WebComponent 技术如何解决低代码平台跨技术栈问题
  • 了解 VSCode 插件和 DSL 代码转换如何实现高低代码混合开发的问题
  • 电话咨询

    联系电话:+86 18514549229
在报名过程中如有任何问题,欢迎微信扫描二维码联系我们的票务经理