领先的开源AI低代码引擎VTJ.PRO正式宣布推出其全新的增强版高级服务（Enhanced Advanced Services）。此举标志着VTJ.PRO从一款强大的开源工具，正式升级为能为企业提供全方位、一站式应用开发与交付解决方案的平台，旨在为企业在数字化转型中提供更强大、更可靠、更安全的技术后盾。

本次发布的增强版高级服务，是基于VTJ.PRO核心开源引擎v0.13.0的又一次飞跃。它不仅延续了“降低复杂度，不降低自由度”的核心理念，更针对企业级客户在复杂业务场景下的严苛需求，提供了超越开源版本的专业技术支持、性能保障与安全保障。

这是一个基于 VTJ 低代码引擎实现的在线开发平台全功能项目，支持多平台应用开发。项目包含以下核心功能：

• 设计器与渲染器集成
• 自定义 Service 和 OpenAPI 实现
• 设计器个性化定制扩展 项目功能完整度达到生产环境要求，支持定制、编译和部署。

准备工作

本项目是低代码平台前端工程，默认集成 VTJ 官方标准服务接口。由于接口调用需要登录授权，如需静默自动授权，请获取账号授权签名。

获取授权签名

1. 访问 https://lcdp.vtj.pro
2. 登录后，点击右上角用户信息卡片中的"查看签名"按钮
3. 复制签名内容

配置环境变量

将获取的签名粘贴到项目根目录的 env.json 文件中：

{
  "AUTH_CODE": "在此处粘贴您的账号签名",
  "REMOTE": "https://lcdp.vtj.pro"
}

完成以上配置后，您将获得一个功能完善、支持多平台（Web、H5、UniApp）的在线低代码开发环境。

项目脚本

项目结构

本项目使用 @vtj/cli 搭建，基于 Vite + Vue3 + TypeScript 技术栈。采用多平台应用页面入口设计，实现环境隔离和优化打包体积。

vite.config.ts 中配置了多入口打包：

const pages = {
  // 平台主应用：包含应用管理和设计器
  main: './index.html',

  // Web应用预览
  web: './web/index.html',

  // H5应用预览
  h5: './h5/index.html',

  // UniApp应用预览
  uniapp: './uniapp/index.html'
};

工程目录说明

项目结构与标准工程基本一致，以下是 VTJ 特有的重要目录说明：

最佳实践

设计器集成

设计器实现位于 /src/views/designer.vue，所有平台共用同一设计器，通过加载项目 DSL 的 platform 属性确定目标平台功能。

设计器路由格式：/:platform/:id

• platform: 平台标识（web、h5、uniapp）
• id: 应用标识（对应项目 DSL 的 id 字段）

渲染器集成

各平台渲染器实现文件：

• Web: /src/platform/web/main.ts
• H5: /src/platform/h5/main.ts
• UniApp: /src/platform/uniapp/main.ts

自定义 Service

低代码平台的项目、文件和历史记录通过 Service 进行存储管理。/src/shared/service.ts 实现了远程 Service，将数据保存至后端数据库。

自定义 OpenAPI

OpenAPI 提供低代码平台的远程服务能力，如页面模板和 AI 助手功能。/src/extension/openapi.ts 实现了自定义 OpenAPI，您可以根据需求调整 API 接口，只需确保函数签名符合类型要求。

设计器扩展

如需扩展设计器功能，可通过 /src/extension/install.ts 进行开发。可用平台 API 包括：

• widgetManager
• depsManager
• setterManager

后端实现

后端实现可自行设计，只需满足 Service 和 OpenAPI 的接口规范。具体实现细节请参考 docs 目录下的文档。

重要说明

• API方法统一在 /src/apis 目录下定义，函数都带有TS签名和注释， 可以按自己的需求更换对应接口。

• 代码中的Access是为了适配官方接口服务的权限控制，如果你改为自己实现的服务，可以不需要Access

• 请求工具使用了 setGlobalRequest 配置全局的request, 如果在设计器中的设计视图和预览也需要用相同的request, 可以通过参数传入到引擎和createProvider。

  // 传入引擎
  const engine = new Engine({
    //省略其他代码
    adapter: {
      request
    }
  });
  
  // 传入 createProvider
  const { provider, onReady } = createProvider({
    //省略其他代码
    adapter: {
      request
    }
  });

• 如果您不需要模版和AI功能，就不需要定义OpenAPI， 只需要把引擎的remote参数设置为null就可以关闭这两个功能。

设计器交互

在线体验：https://vtj.pro/