低代码架构设计与实现

会议室:宴会厅2
出品人:华宇果

近一两年,“低代码”的概念异常火爆,每次技术大会上都有低... 展开 >

专题出品人:华宇果

华为云前端技术委员会主任

现任华为云前端技术委员会主任,华为云 Web 能力中心团队 Leader。负责整个华为云的 Web 基建能力建设,致力于构建业界领先的 Web 技术标准、平台和能力,包括 UI 组件库、研发效率工具、DevOps 流程与平台、体验门禁、低码系统、控制台框架等。此前,曾任职于阿里巴巴、京东、腾讯,先后负责过 Lazada 大促活动、淘宝评价、天猫电器城、京东频道、QQ 音乐、腾讯视频等多个业务。从业十余年,在前端架构、前端工程化、前端安全生产、Node.js 全栈、移动端 H5 等方面有丰富的实战经验。

地点:宴会厅2

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

近一两年,“低代码”的概念异常火爆,每次技术大会上都有低代码的身影,在降本提效需求的驱动下,低代码平台百花齐放。而其中,在企业级中后台领域、运营活动搭建领域和多终端应用生成领域,低代码技术已进入深水区。

本次低代码专题将聚焦底层低代码核心架构实现,如组件加载与嵌套机制、页面容器渲染、实时预览、插件化架构、跨端生成、自然布局、高低代码混合开发等内容,干货满满,希望能够为大家在低代码应用开发上提供借鉴和帮助。

by 莫春辉

华为云
主任工程师

当前华为云部门内部的前端技术栈并不统一,比如华为云官网的 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 代码转换如何实现高低代码混合开发的问题

by 袁力皓

阿里巴巴
前端技术专家

目前全国大大小小的组织都处在亟需数字化的浪潮中,低代码研发平台的诞生,让更多的人,尤其是非技术人能够参与研发,让业务达成的链路变短、门槛降低,从而实现极速自交付。
但是一个低代码平台能解决所有问题么?不能,因为用户角色、技术栈以及业务场景千差万别!在阿里,我们有接近 100 个低代码平台为各种角色处理着各式各样的业务场景,它们都基于一套通用的低代码底层基础设施。那么,我们如何实现一套通用的底层低代码架构来支撑阿里大大小小约 100 个低代码平台呢?答案是阿里低代码引擎。

演讲提纲:

  1. 低代码体系的架构设计思考
    • 什么是低代码
    • 为什么需要低代码
    • 低代码核心价值
    • 低代码体系架构的设计理念
  2. 求同:阿里低代码引擎 & UIPaaS
    • 低代码引擎的架构
    • 低代码平台孵化器-UIPaaS
  3. 存异:百花齐放的低代码平台
    • 低代码设计器公式
    • 丰富的垂直类平台
    • 低代码的被集成性
    • 低代码平台展示

你将获得:

  • 了解如何抽象一套通用低代码基础设施架构
  • 了解低代码引擎的挑战及应对之道

by 汪宝辉

京东
前端技术专家

日常的营销业务中,需要制作大量的活动页、互动游戏、小程序等各种各样的页面,如果这些页面都要一个个开发,研发压力会非常大。因此我们可以借助低代码平台去解决这些问题,起到降本增效的作用。

随着业务复杂度不断提升,大家对平台的定制化需求越来越强烈,甚至需要以微前端的方式嵌入到第三方平台中,为他们提供低代码的能力。基于此,本次分享将重点介绍我们是如何针对这些问题,输出解决方案并落地实践。  

演讲提纲: 

  1. 背景介绍与痛点分析 
  2. 低代码平台关键协作流程 
    • 打造标准化跨端组件 
    • 如何高效接入平台 
    • 如何实现打包组装 
  3. 低代码平台的解耦与插件化实现 
    • 基于业务的现状分析 
    • 平台解耦设计与实现 
    • 落地成果 
  4. 低代码平台的总结与展望  

你将获得: 

  • 了解面向营销业务的低代码关键协作流程 
  • 了解应对复杂业务场景的解决方案 
  • 了解编辑器插件化设计与实现 

by 陈旭

中兴通讯
软件研发资深专家

传统 Web 应用的开发普遍面临:技术门槛高,非职业前端无法快速上手;需求多变,需求进度紧张;Ux 规范难对齐,千人千面。Web 低代码技术是解决此问题的银弹,一方面它极大降低了技术门槛,只要有点编码基础就可以迅速上手,另一方面通过场景化提效自动生成大量(乃至所有)代码,研发效率可数倍于职业前端。
本方案提供了一个实现 Web 低代码快速开发的解决方案,在支持通用 Web 页面的开发同时,又能针对常用场景提效,在本方案已覆盖的大屏、表单、流程审批等场景下可实现零代码开发。通用性和效率是一对矛盾,如何做到鱼和熊掌都要是本解决方案的一个亮点。

演讲提纲:

  1. 问题背景
    • 传统 Web 应用的开发面临的问题
    • 低代码业态速读
  2. 可视化技术
    • 布局、复杂属性、交互逻辑、数据定义等的可视化
    • 可视化技术与编码技术的有机融合
  3. 通用化与效率
    • 编译器简要原理
    • 场景化模块的实现
    • 已支持场景的简要实现原理
    • Ux 设计稿自动识别
  4. 实践效果与小结
    • 在中兴内部的应用效果简介
    • 长期演进方向

你将获得:

  • 了解构建一个成熟的可大规模使用的低代码平台的实现方法
  • 了解低代码平台如何做到通用化与效率同时兼顾
  • 了解更多低代码平台高效的可视化交互方式建议
  • 了解实现 Web 低代码快速开发的解决方案、实践效果及实施方式
  • 电话咨询

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