- 微信
- 微博
  
  分享文章到微博
- 复制链接
  
  复制链接到剪贴板

TinyEngine2.9版本发布：更智能，更灵活，更开放！

OpenTiny 发表于 2025/12/15 19:41:59 2025/12/15

【摘要】前言TinyEngine 是一款面向未来的低代码引擎底座，致力于为开发者提供高度可定制的技术基础设施——不仅支持可视化页面搭建等核心能力，更可通过 CLI 工程化方式实现深度二次开发，帮助团队快速构建专属的低代码平台。无论是资源编排、服务端渲染、模型驱动应用，还是移动端、大屏端、复杂页面编排场景，TinyEngine 都能灵活适配，成为你构建低代码体系的坚实基石。最近我们正式发布 TinyE...

前言

TinyEngine 是一款面向未来的低代码引擎底座，致力于为开发者提供高度可定制的技术基础设施——不仅支持可视化页面搭建等核心能力，更可通过 CLI 工程化方式实现深度二次开发，帮助团队快速构建专属的低代码平台。

无论是资源编排、服务端渲染、模型驱动应用，还是移动端、大屏端、复杂页面编排场景，TinyEngine 都能灵活适配，成为你构建低代码体系的坚实基石。

最近我们正式发布 TinyEngine v2.9 版本，带来多项功能升级与体验优化：平台智能化能力增强，核心链路能力持续优化，让页面搭建变得更简单、更高效。

开源地址：https://github.com/opentiny/tiny-engine（欢迎 Star ⭐）
官方网站：https://opentiny.design/tiny-engine#/home

本次版本迭代中，我们欣喜地看到越来越多开发者加入开源共建行列。特别感谢@fayching @LLDLLY 等社区伙伴积极参与功能贡献与问题反馈。正是这些点滴汇聚的力量，推动着 TinyEngine 不断前行。我们也诚挚邀请更多热爱技术、追求创新的朋友加入社区，一起打造更强大、更开放的低代码生态。

v2.9.0 变更特性概览

【增强】全新版本AI助手，智能搭建能力升级
【新特性】添加资源管理插件和资源选择配置器
【增强】预览插件支持应用预览
【增强】Tailwindcss支持
【增强】支持静态数据源
【增强】组件物料更新
【增强】MCP工具更新
【其他】功能细节优化与bug修复。

TinyEngine v2.9.0 新特性解读

1. 【增强】全新版本AI助手，智能搭建能力升级（体验版本）

在TinyEngine v2.9版本中，我们对AI搭建页面能力进行全新升级，下面是主要功能的介绍与快速上手：

1）全新 Agent 模式

新增的 Agent 模式支持自然语言或图片生成页面，借助AI大模型强大的能力，让您告别繁琐的手动拖拽，让 AI 辅助开发更加智能、强大。

全新 Agent 智能搭建模式，自然语言描述需求，由AI直接返回页面Schema
画布采用流式渲染，能够实时看到页面生成效果
生成页面后支持继续对话二次修改，使用增量返回修改速度更快
支持上传设计图或手绘草图，AI 识别并还原为可编辑的页面（需要先选择视觉模型）

2）基础能力升级

现代化界面：全新的聊天界面，支持 Markdown 渲染、代码高亮
全屏模式：
会话管理：支持查看管理多个历史对话，自动保存历史记录思考模式：支持推理模型的深度思考，提供更准确的解决方案
多模型支持：兼容各种OpenAI兼容格式 AI 模型，提供模型设置界面自由添加选择模型服务

集成平台更多的MCP工具（Chat模式）
工具调用：

3）简单配置，快速上手

平台设置：

设置模型服务：

支持通过AI插件的customCompatibleAIModels选项自定义添加OpenAI兼容格式大模型（使用MCP功能需要使用支持tools的大模型），建议使用DeepSeek R1/V3、Qwen3、Gemini等对视觉/工具支持良好的模型，优先使用满血模型、推理类型模型效果更好。

// registry.js
export default {
  // ......
  [META_APP.Robot]: {
    options: {
      // encryptServiceApiKey: false, // 是否加密服务API密钥, 默认为false
      // enableResourceContext: false, // 提示词上下文携带资源插件图片，默认true
      // enableRagContext: true, // 提示词上下文携带查询到的知识库内容，默认false
      customCompatibleAIModels: [{ // 自定义AI模型(OpenAI兼容格式模型), 下面以智谱模型服务为例
        provider: 'GLM',
        label: '智谱模型',
        baseUrl: 'https://open.bigmodel.cn/api/paas/v4',
        models: [
          {
            label: 'GLM视觉理解模型',
            name: 'glm-4.5v',
            capabilities: {
              vision: true, // 是否支持视觉理解能力
              reasoning: { extraBody: { enable: { thinking: { type: 'enabled' } }, disable: null } } // 是否支持深度思考及深度思考打开与关闭额外的body字段
            }
          },
          {
            label: 'GLM-4.5推理模型',
            name: 'glm-4.5',
            capabilities: {
              toolCalling: true,
              reasoning: { extraBody: { enable: { thinking: { type: 'enabled' } }, disable: null } }
            }
          }
        ]
      }]
    }
  }
  // ......
}

可以通过对接最新后端服务使用完整的AI插件能力，或者也可以在前端项目配置AI模型接口Proxy来使用, 这里以本地转发到百炼模型为例：

// vite.config.js
const originProxyConfig = baseConfig.server.proxy
baseConfig.server.proxy = {
  '/app-center/api/chat/completions': {
    target: 'https://dashscope.aliyuncs.com',
    changeOrigin: true,
    rewrite: path => path.replace('/app-center/api/', '/compatible-mode/v1/'),
  },
  '/app-center/api/ai/chat': {
    target: 'https://dashscope.aliyuncs.com',
    changeOrigin: true,
    rewrite: path => path.replace('/app-center/api/ai/chat', '/compatible-mode/v1/chat/completions'),
  },
  ...originProxyConfig,
}

补充说明：截图生成UI能力由于依赖上传图片接口，需要启动后端服务，且需要使用支持视觉理解能力的模型，如qwen-vl系列模型

插件配置：

在插件中也提供了对部分功能的自定义能力，包括是否启用加密API Key解决安全风险问题、是否使用知识库RAG能力提供额外的知识背景提升问答对话效果、是否允许使用资源管理插件中的图片等：

   // registry.js
export default {
  [META_APP.Robot]: {
    options: {
      // encryptServiceApiKey: false, // 是否加密服务API密钥, 默认为false
      // enableResourceContext: false, // 提示词上下文携带资源插件图片，默认true
      // enableRagContext: true, // 提示词上下文携带查询到的知识库内容，默认false
      // modeImplementation: { // 支持通过注册表传入chat和agent模式的实现
      //   chat: useCustomChatMode
      //   agent: useCustomAgentMode
      // }
    }
  }
}

用户设置：

配置服务与密钥：在设置面板编辑内置服务添加API Key或者添加自定义的模型服务
选择模型：可以从内置百炼、DeepSeek 或者自定义的模型服务中选择模型（图片生成UI需要多模态模型，MCP工具调用需要支持工具调用模型）
开始使用：在输入框输入问题或者上传图片问答，同时可以自由切换 Agent/Chat 模式，配置MCP工具，开启深度思考等，从智能搭建到深度辅助，全方位提升您的开发效率。快来体验，释放您的创造力！

2.【新特性】添加资源管理插件和资源选择配置器

在应用开发中，通常会需要引用图片等资源，资源管理插件主要满足这类场景需求，可以上传项目中用到的静态资源，在编排页面或AI生成页面时引用（当前仅支持图片格式附件）。

2.1 资源管理

1）资源分组：资源管理插件通过分组管理资源，上传资源之前需要先创建分组，可以为不同场景的静态资源进行分组，比如基础图标库，或者也可以按模块分类

创建好分组后，点击分组名可以管理当前资源分组

2）添加资源
添加资源分为两种方式，输入URL和名称添加网络资源，上传图片或图标资源。
其中资源名称必填，通过url添加的话url也必填，如果是上传的，则不能输入url,支持上传png、jpg、svg文件，支持批量上传

3）修改资源
已添加资源的管理，hover时显示名称，操作包括复制和删除，复制是复制添加完成后在用户服务器上的url地址

也支持批量操作，点击批量操作后，出现删除图标（后续还会扩展其他批量操作），且资源变为可多选的状态

2.2 资源使用

1）在画布中使用

可以通过图片组件使用资源，选中图片组件后在图片的属性设置处，点击选择资源可以设置为资源管理中的图片

效果

2）在AI插件中使用

在AI插件Agent模式生成页面时，页面中经常会需要使用到图片资源，AI无法直接生成这些图片，默认会将当前资源管理插件的图片作为备用资源引入使用（仅使用带有描述介绍的图片）。例如“生成登录页面”自动引用背景图与Logo：

如果不希望在AI助手插件中使用，可以通过修改注册表关闭

// registry.js
export default {
  [META_APP.Robot]: {
    options: {
      enableResourceContext: false, // 提示词上下文携带资源插件图片，默认true
    }
  }
}

3. 【增强】预览插件支持应用预览

在之前的预览插件中只能够实现单页面的预览，对于需要在多个页面中交互跳转的场景无法满足。
在v2.9 版本中，TinyEngine支持了应用的全局预览，能够预览完整项目的效果，并且支持手动路由切换，也能够在调试模式下查看整个应用的源码。
1）入口：

工具栏的预览图标进行了调整，直接点击图标与之前逻辑一致为页面预览，点击后面的箭头可打开下拉列表，可以选择应用预览

2）预览效果

打开预览页面后，可以看到应用预览与页面预览相比添加了路由切换栏，可以选择路由进行切换。

4. 【增强】Tailwindcss支持

Tailwind CSS 是一种实用优先的 CSS 框架，提供丰富的原子类，如 text-center、p-4、bg-blue-500 等，可快速构建定制化、响应式界面。

低代码平台支持 Tailwind 后，用户在可视化搭建的同时，能直接通过类名精细控制样式，无需编写或配置大量样式即可实现高效美观的前端开发，提升灵活性与开发速度。

在v2.9以上版本，已默认支持Tailwind CSS框架。

启用后的行为

设计态：画布支持直接加载Tailwind样式类
预览态：自动按需加载 @tailwindcss/browser，使画布/预览中可直接使用 Tailwind 原子类。
出码生成：生成的应用将自动完成以下配置（基于 Tailwind CSS v4 零配置方案）：
- 在依赖中添加 tailwindcss，并在开发依赖中添加 @tailwindcss/vite；
- 在 Vite 配置中注册 tailwindcss() 插件；
- 生成 src/style.css，内容包含 @import "tailwindcss";；
- 在 src/main.js 自动引入 ./style.css。

以上步骤由引擎/出码器自动完成，无需手动干预。

效果

选中节点后在属性配置面板样式类中直接填写Tailwind样式类名，即可看到画布Tailwind样式生效：

关闭 Tailwind

可以通过注册表关闭Tailwind功能：

// registry.js
export default {
  'engine.config': {
    // ...其他配置
    enableTailwindCSS: true, // 开启（默认即为 true）；设为 false 可关闭
  },
};

当配置为 enableTailwindCSS: false 时：

预览态不会加载 @tailwindcss/browser；
出码时不会注入与 Tailwind 相关的依赖、Vite 插件及样式文件导入。

注意事项

预览依赖解析：内置 import-map 已包含 @tailwindcss/browser 映射；如使用自定义 CDN/离线环境，请确保该映射可用。
自定义样式：可在生成的 src/style.css 中追加自定义样式，或在项目中新增样式文件后自行引入。
运行时渲染：如果您自定义了运行时渲染引擎，请确保在运行时渲染中增加对 Tailwind CSS 的支持。

5.【增强】支持静态数据源

设计器提供数据源来配合画布上的组件/区块渲染，之前版本只支持采取远程API请求JSON数据动态获取的方式，自TinyEngine v2.9+版本开始，支持静态数据源配置。

使用步骤

1）创建数据源，数据源类型选择静态数据源，配置数据源名称以及数据源字段，根据配置的数据源字段新增静态数据。

2）使用数据源Mock数据（数据源使用方式与远程数据源相同）

6.【增强】组件物料更新

修改路由选择配置器，添加标签栏配置器和导航组件

拖拽一个导航条组件到画布，可以更改导航条为横向或者纵向，导航菜单项支持增删改，菜单项支持配置跳转页面

更新物料Icon（设计稿换新风格后，原物料图标跟页面风格不匹配，更换所有的物料图标）
添加TinyVue图表组件

物料面板新增TinyVue图表组件，主要包括折线图、柱状图、条形图、圆盘图、环形图、雷达图、瀑布图、漏斗图、散点图等

添加TinyVue基础组件
表单类型中新增单选组、评分、滑块、级联选择器组件

数据展示中新增骨架屏、卡片、日历、进度条、标记、标签、统计数值组件

导航类型中新增步骤条和树形菜单组件

7. 【增强】MCP工具更新

AI 助手除了新增的搭建模式，原有的对话模式也进行了增强，增加了若干个插件的 mcp 工具：

国际化（i18n）相关 mcp 工具
应用状态、页面状态相关 mcp 工具
页面增删查改工具
节点操作相关 mcp 工具（节点选中、属性修改、增删节点等等）

如何使用：

当前可以升级到 v2.9 版本，切换到 chat 模式，即可在对话中使用MCP工具，AI会自动调用相应工具。用户也可以手动点击关闭某个 mcp 工具。

示例图：

二次开发 TinyEngine 时，如何修改/添加/删除 mcp 工具？

当前 mcp 工具都默认随着插件的注册表导出（因为依赖插件的相关能力），所以如果需要修改/添加/删除 mcp 工具，修改注册表即可。

默认的插件注册表导出：

// mcp 工具 mcp/index.js
export const mcp = {
  tools: [getGlobalState, addOrModifyGlobalState, deleteGlobalState]
}


// 插件注册表导出 index.js
export default {
  ...metaData,
  entry,
  metas: [globalStateService],
  // mcp 的相关导出
  mcp
}

在二次开发工程中修改/添加 mcp 工具，同自定义注册表，请参考注册表相关文档。

未来优化：

添加、调优 mcp 工具
添加 chat 模式的系统提示词，让 AI 工具调用效果更好

8. 【其他】功能细节优化&bug修复

为TinyGrid配置添加版本字段 by @LLDLLY in opentiny/tiny-engine#1568
优化画布选项位置计算算法 by @chilingling in opentiny/tiny-engine#1572
从props解析区块依赖 by @chilingling in opentiny/tiny-engine#1602
修复tinyvue类型错误 by @chilingling in opentiny/tiny-engine#1623

修复用户目录句柄删除导致的生成失败 by @chilingling in opentiny/tiny-engine#1543
修复工具名称和导出名不一致问题 by @chilingling in opentiny/tiny-engine#1606
确保只有字符串id注册到metaHashMap by @chilingling in opentiny/tiny-engine#1622
修复ColorInput内边距问题 by @chilingling in opentiny/tiny-engine#1595
修复子页面隐藏显示设置主页选项 by @chilingling in opentiny/tiny-engine#1544
修复baseURL移除斜杠问题 by @chilingling in opentiny/tiny-engine#1631
格式化工具调用结果 by @hexqi in opentiny/tiny-engine#1637

修复内置构建选项外部化问题 by @betterdancing in opentiny/tiny-engine#1646
修复绑定事件后高亮JS函数失败 by @chilingling in opentiny/tiny-engine#1656
修复画布组件边框/开关样式等问题 by @betterdancing in opentiny/tiny-engine#1649
修复ImportMap问题和改进变量绑定 by @betterdancing in opentiny/tiny-engine#1676
预览支持自定义import-map by @chilingling in opentiny/tiny-engine#1669
修复初始化期间方法高亮失败 by @chilingling in opentiny/tiny-engine#1666
修复parseFunction空字符串处理问题 by @fayching in opentiny/tiny-engine#1677
更新生成代码模板依赖版本 by @chilingling in opentiny/tiny-engine#1620
删除webcomponent包 by @chilingling in opentiny/tiny-engine#1583
导出基础类型 by @chilingling in opentiny/tiny-engine#1692
文档更新
- 添加前后端Docker部署文档 by @lu-yg in opentiny/tiny-engine#1598
- 更新注册表代码示例 by @chilingling in opentiny/tiny-engine#1693
- 更新AI插件文档内容 by @hexqi in opentiny/tiny-engine#1712

以上是此次更新的主要内容

如需了解更多可以查看：v2.9.0 所有 changelog

结语

TinyEngine v2.9 的发布，不仅是功能层面的一次全面跃迁——从 AI 助手的能力增强、Tailwind CSS 的原生支持，到资源管理插件的引入、应用预览能力的落地。每一个细节的打磨，每一次架构的演进，都旨在让开发者以更低的成本、更高的自由度，构建真正属于自己的低代码世界。

这不仅仅是一个版本的更新，更是社区共建成就的见证。我们相信，开源的意义不仅在于代码共享，更在于思想碰撞与协作共创。正是每一位用户的使用、反馈与贡献，让 TinyEngine 在真实场景中不断淬炼成长。

未来之路，我们继续同行。
欢迎你持续关注 TinyEngine 的演进，参与社区讨论，提交你的想法与代码。让我们携手，把低代码的可能性推向更远的地方。

关于OpenTiny

欢迎加入 OpenTiny 开源社区。添加微信小助手：opentiny-official 一起参与交流前端技术～

OpenTiny 官网：https://opentiny.design
OpenTiny 代码仓库：https://github.com/opentiny
TinyVue 源码：https://github.com/opentiny/tiny-vue
TinyEngine 源码： https://github.com/opentiny/tiny-engine
欢迎进入代码仓库 Star🌟TinyEngine、TinyVue、TinyNG、TinyCLI、TinyEditor~
如果你也想要共建，可以进入代码仓库，找到 good first issue 标签，一起参与开源贡献~

【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱： cloudbbs@huaweicloud.com

点赞
收藏
关注作者

0/1000

抱歉，系统识别当前为高风险访问，暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称，即可参与社区互动！

*长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

确认取消

加入云驻计划，成为创作者

华为云周边好礼
免费体验产品
特殊身份标识
线下官方门票
内部专家零距离
与10000+优质创作者共同成长

立即加入