低代码后端前端插件系统【免费下载链接】tegoTego 是一个可插拔的 Node.js 框架用于构建可定制的开发平台。它使开发者能够创建自己的无代码/低代码系统或事件驱动型应用程序且框架核心侧重于稳定性与对不同运行环境的适配。项目地址https://gitcode.com/tegojs/tego点击查看免费下载Tego 是一个可插拔的 Node.js 框架其插件机制允许开发者像搭积木一样通过安装、启用、禁用插件来组装自己的无代码/低代码平台而无需修改框架核心代码。本文将带你深入 Tego 的插件机制从插件的生命周期、三类插件分层、加载顺序到如何在管理面板中一键启停插件再到三步创建你自己的插件帮你完整理解这套积木式架构。 什么是 Tego 的插件机制在 Tego 中核心框架只负责地基功能全部来自插件。每个插件都是一个独立的 npm 包遵循统一的目录结构和生命周期约定由内置的 PluginManager 统一调度。这套机制体现在两个核心文件里插件基类plugin.ts —— 定义了每个插件必须遵守的积木接口插件管理器plugin-manager.ts —— 负责插件的添加、加载、安装、启用、禁用和移除可以这样理解三者关系角色对应代码职责积木插件Plugin 子类提供独立功能如用户、工作流、ACL插座PluginManager管理插件生命周期统一调度房子Application最终组装后的无代码平台插件包有统一的命名前缀如tachybase/plugin-、tachybase/module-见 settings.js 中的PLUGIN_PACKAGE_PREFIX框架据此自动定位和解析插件你只需要在配置里写插件名不用关心具体路径。️ 三类插件内置、外部、运行时Tego 把插件分成三层配置集中在 settings.js 的presets部分由 PluginPresets 插件统一安装和升级1. 内置插件builtinPlugins—— 房子的承重墙默认启用且不可删除例如acl权限、auth认证、collection数据模型、workflow工作流、data-source数据源、user、file等见 settings.js L156-L176。这些构成无代码平台的基础能力。2. 外部插件externalPlugins—— 可自由装卸的功能模块每个都标注enabledByDefault决定是否默认开启。例如action-export数据导出、block-kanban看板块、full-text-search默认启用而ai-chat、ocr-convert、multi-app、tenant等默认关闭需要时再打开。3. 运行时插件runtimePlugins在应用初始化前动态注入适合部署方按环境定制。这种分层的意义在于核心稳定 功能按需。你不需要的能力如短信登录、多租户保持关闭平台更轻量需要时再插上积木。⚙️ 插件生命周期一套固定的积木接口打开 plugin.ts L124-L146你会看到插件基类预留了完整的生命周期钩子。插件开发者只要重写对应方法就能在平台的任意阶段插入自己的逻辑阶段钩子方法典型用途注册后afterAdd()注册资源、监听事件加载前beforeLoad()准备依赖加载load()定义 actions、注册路由安装install()建表、写入初始数据升级upgrade()版本迁移逻辑启用前后beforeEnable()/afterEnable()开启功能禁用前后beforeDisable()/afterDisable()清理运行态移除前后beforeRemove()/afterRemove()卸载收尾此外插件还能通过addFeature()方法挂载子功能块实现积木中再嵌积木的嵌套结构见 plugin.ts L68-L71。框架会在主插件加载后自动级联加载这些子功能保证嵌套积木也被正确点亮。插件内部通过this.app即可访问数据库、日志、国际化等全部平台能力开发体验非常直接。 三轮加载框架如何有序组装插件这是插件机制中最精妙的部分。PluginManager.load() 不是简单地把插件一个个跑完而是分三轮统一调度第一轮所有插件的 beforeLoad() 第二轮所有插件的 loadCollections() ← 先把所有数据表定义注册完 第三轮所有插件的 load() ← 此时才能安全引用其他插件的表为什么要分三轮想象 A 插件引用了 B 插件的数据表如果按插件逐个完整执行A 在 B 之前运行就会找不到表。而先让所有插件登记表结构再统一执行业务逻辑的策略天然消除了加载顺序问题——这正是框架能稳定运行几十个插件的关键设计。安装阶段install()同样是批量遍历先执行全局db.sync()建表再逐个调用插件的install()初始化数据并把installed状态记录到数据库避免重复安装。 管理面板中的启停带回滚保护的开关插件的启用/禁用不只是改个布尔值。看 PluginManager.enable() 的执行序列发出beforeEnablePlugin事件允许其他组件介入更新数据库中插件状态applicationPlugins集合见 plugin-manager-repository.ts热加载应用app.reload()并同步数据库结构若插件从未安装过自动补执行install()发出afterEnablePlugin事件关键的安全设计如果第 3 步失败比如依赖表结构冲突框架会把第 2 步的状态更新回滚然后恢复重启确保平台绝不会停留在半启用的破窗状态。禁用逻辑disable()也是同样的保护套路。这些能力通过pm资源暴露给 Web 管理界面pm:*actions最终呈现为管理面板里熟悉的插件商店/插件管理页面勾选启用、查看版本、查看 README全部操作都走上面这套带保护的流程。️ 三步创建你的插件Tego 内置了插件脚手架模板位于 templates/plugin由 create-plugin.ts 命令驱动# 第 1 步在应用目录中生成插件骨架 pnpm tb create-plugin my-feature # 第 2 步编写插件逻辑重写生命周期钩子 # 第 3 步重启应用插件自动出现在插件管理中生成的插件标准目录结构一目了然packages/my-feature/ ├── package.json # 插件包含 displayName、多语言描述 └── src/ ├── index.ts ├── server/ │ ├── plugin.ts # 服务端插件类重写生命周期钩子 │ ├── collections/ # 数据表定义JSON 声明式 │ ├── commands/ # CLI 命令 │ └── migrations/ # 数据库迁移脚本 └── client/ └── plugin.tsx # 前端插件类注册界面功能服务端插件类的骨架模板见 plugin.ts.tpl非常简洁import { Plugin } from tego/server; export class PluginMyFeature extends Plugin { async afterAdd() {} async beforeLoad() {} async load() {} async install() {} } export default PluginMyFeature;只需要重写你关心的钩子即可。src/server/collections/下的 JSON 文件会被loadCollections()自动导入为数据表src/server/commands/下的文件会自动注册为 CLI 命令见 loadCommands客户端plugin.tsx则负责往界面上添加按钮、区块、菜单。一个值得关注的进阶能力是 InjectedPlugin 装饰器声明插件依赖的 Services 和 Resources 后框架会在插件load()时自动实例化并加载它们省去手动装配的样板代码。插件还可以注册 REST 接口Controller 会被自动转为带 ACL 的资源 action见 web-service.ts实现前后端完整闭环。 快速参考插件机制关键路径内容路径插件基类与生命周期packages/core/src/plugin.ts插件管理器加载/启停/移除packages/core/src/plugin-manager/plugin-manager.ts插件状态仓储packages/core/src/plugin-manager/plugin-manager-repository.ts插件预设分层packages/tego/src/plugin-presets.ts内置/外部插件清单packages/tego/presets/settings.js插件脚手架命令packages/devkit/src/commands/create-plugin.ts插件模板packages/devkit/templates/plugin/ 总结Tego 的插件机制用四个设计把搭积木做成了工程现实统一接口固定的生命周期钩子积木形状标准统一三层分层内置保底、外部可选、运行时定制平台稳定又灵活三轮加载消除插件间依赖顺序问题状态回滚启停失败自动恢复平台永不半开。理解了这套机制你就可以自信地按需组合内置能力、启用外部插件或者创建自己的插件——最终组装出完全贴合业务需求的无代码平台。赞分享低代码后端前端插件系统【免费下载链接】tegoTego 是一个可插拔的 Node.js 框架用于构建可定制的开发平台。它使开发者能够创建自己的无代码/低代码系统或事件驱动型应用程序且框架核心侧重于稳定性与对不同运行环境的适配。项目地址https://gitcode.com/tegojs/tego点击查看免费下载相关推荐Vite-Vue3-LowCode让H5开发像搭积木一样简单的低代码平台Vite Vue3 LowCode让H5开发像搭积木一样简单的低代码平台 你是否遇到过这样的困境市场部门急需一个活动落地页设计师稿已经确认开发排期却要等前端低代码LFM2.5-Encoder-350M多语言能力实测15种语言处理效果对比及跨语言迁移案例LFM2.5 Encoder 350M多语言能力实测15种语言处理效果对比及跨语言迁移案例 LFM2.5 Encoder 350M是基于LFM2架构构建的多语高级用法使用cloudflare-cors-anywhere处理认证和自定义请求头高级用法使用cloudflare cors anywhere处理认证和自定义请求头 Cloudflare CORS Anywhere 是一个强大的跨域代理工具API网关后端创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考