本期推荐的是一个阿里开源的企业级低代码引擎——LowCodeEngine。

LowCodeEngine是由阿里巴巴钉钉团队开源的低代码引擎， 该引擎全面遵循《阿里巴巴中后端前端基础构建协议规范》和《阿里巴巴中后端前端素材协议规范》。兼容 Chrome >= 80，Edge >= 80，safari 和firefox最近 2 个 版本。

功能特性

• 从企业级低代码平台提取的面向扩展的内核引擎

编排模块：精心打造的编排模块，让拖拽、配置能力集成变得更简单

入料模块：入料能力，让组件在低代码平台使用更容易

出码模块：出码能力，提升低代码的扩展性和性能

渲染模块：运行时渲染，快速提供协议的渲染能力

• 提供开箱即用的材质系统、setter、插件等。
• 拥有一套完整的工具链，支持全链路研发
• 强大的扩展能力，已支持近百种低代码平台
• 基于 TypeScript 开发，提供完整的类型定义文件

使用示例

仅支持cdn导入，使用npm包提供typings等代码提示能力

npm install @alilc/lowcode-engine --save-dev

import { init, skeleton } from '@alilc/lowcode-engine';

skeleton.add({
  area: 'topArea',
  type: 'Widget',
  name: 'logo',
  content: YourFantaticLogo,
  contentProps: {
    logo:
      'https://img.alicdn.com/tfs/TB1_SocGkT2gK0jSZFkXXcIQFXa-66-66.png',
    href: '/',
  },
  props: {
    align: 'left',
    width: 100,
  },
});

init(document.getElementById('lce'));

工程配置

{
  "externals": {
    "@alilc/lowcode-engine": "var window.AliLowCodeEngine",
    "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt"
  }
}

本地调试

启动lowcode-engine后，提供了几个umd文件，可以结合 lowcode-demo工程调试。

$ git clone git@github.com: alibaba/lowcode-engine.git
$ cd lowcode-engine
$ npm install
$ npm run setup
$ npm start

使用案例

钉钉宜搭是阿里巴巴自研的低代码应用开发平台，基于阿里云的云基础设施和钉钉的企业数字化操作系统，为每个组织提供低门槛、高效率的数字化业务应用生产新模式。在宜搭上生产的每个应用天然具备互联互通、数据驱动、安全可控的特点。

Demo演示

拖拽组件

生成代码

属性

界面预览

—END—

开源协议：MIT