From a0b374cea54b4c08dd57bb1b5ea806167ff45fa0 Mon Sep 17 00:00:00 2001 From: chenos Date: Tue, 23 Nov 2021 19:36:02 +0800 Subject: [PATCH] feat: update doc --- docs/guide/kernel-principle/nocobase.md | 110 ++++++++++++++++++++++++ 1 file changed, 110 insertions(+) create mode 100644 docs/guide/kernel-principle/nocobase.md diff --git a/docs/guide/kernel-principle/nocobase.md b/docs/guide/kernel-principle/nocobase.md new file mode 100644 index 000000000..5466d40dd --- /dev/null +++ b/docs/guide/kernel-principle/nocobase.md @@ -0,0 +1,110 @@ +# Talking about the design ideas of NocoBase + +NocoBase 的内核只是一个无 GUI(Client)的 Server,Client 作为插件集成进来。Client 是变化的,不限于 React、Vue 等。虽然 Client 作为插件存在,但也是非常重要的一个分支,用于支持无代码平台。 + +在概念上有很多可能,但是 NocoBase 也需要基于特定的技术框架实现 Server 和 Client 内核。 + +- Server:Nodejs、Koa、Sequelize +- Client:React、Formily、Ant Design + +在实际应用中,Server 可能只有一个,但 Client 可能有很多,WEB、小程序、Android、IOS 都不一样。为了最大的兼容多端可能,客户端核心的 Schema Component 基于 Formily 实现,理论上支持适配 React/ReactNative/Vue2/Vue3 框架。 + +理想状态 Server 和 Client 都可以单独使用。只用 NocoBase 的 Server,对接的其他 Client。只用 NocoBase 的 Client,对接其他的 Server。不过 Client 是为 NocoBase 的 Server 服务,虽然可以适配非 NocoBase 的 Server,但是会有些局限(不是所有功能都能使用)。 + +Server 和 Client 是非常重要的两个分支,插件也围绕着这两部分开展。NocoBase 提供了公共的接口用于对接各类插件,但是实现插件的核心在于内核提供了哪些 Extension API。 + +## 扩展 - Extensions + +扩展是按「概念」划分的最小化的独立模块。 + + +扩展的划分还比较清晰,但是有些扩展怎么更好的协调起来,有待商榷。 + + +Database + +- Collections +- Field Types +- Filter Operators +- Repositories +- Models +- Events/Hooks + +Application + +- Middlewares +- Resources(也可以理解为提供 Services) +- Actions +- Events/Hooks +- CLI + +Client + +- SchemaComponent +- CollectionField +- RouteSwitch + +SchemaComponent(只列三个特殊的存在扩展的组件) + +- Action +- AddNew +- DesignableBar + +## 插件 - Plugins + +插件是按「功能」划分的可插拔的独立模块。插件可能需要由多个扩展协调起来才能正常工作。 + + +两者虽然都称之为模块,但是存在差别。扩展是概念性的,比较抽象;插件是功能性的,比较具体。插件可能需要由多个扩展协调起来才能正常工作。 + + +以完整的导出功能为例,需要实现的扩展包括: + +- `服务端` 实现 Export Action API(Application -> Action) +- `客户端` 实现 Export Action Button(SchemaComponent -> Action) +- `客户端` 为 Export Action Button 实现自己的 Export DesignableBar(SchemaComponent -> Action 和 DesignableBar) + +除此之外,还有两个需要考虑的细节: + +- `客户端` Action Button 是放在区块的可操作区(Block.ActionBar),那这个 Export Button 可以放在哪些区块的 Block.ActionBar 里。在表格区块里导入的可能是表格,在详情区块里导出的可能是 PDF、图片、Word 文档。 +- `服务端` Action 是有权限的,权限除了控制服务端的 Action API,也需要控制 Action Button 的显示和隐藏。 + +再举个例子,例如文件管理器,相关扩展包括: + +- `服务端` 提供 attachments 表,用于存上传的文件信息 +- `服务端` 提供 storages 表,用于配置存储服务信息,如 oss、s3、minio、local 等 +- `服务端` 提供 upload action api +- `客户端` 提供 attachment 的 field interface(扩展的附件字段) +- `客户端` 提供 file-manager 区块,用于管理上传的文件(特定的 SchemaComponent) + +以上两个例子都有服务端和客户端代码,有两个没有考虑清楚的细节: + +- 前后端代码怎么安排比较合适? +- 客户端代码怎么动态载入和去除呢? + +这就是下一个话题了 —— 插件管理器 + +## 插件管理器 + +插件可能需要由多个扩展协调起来才能正常工作,那如何让插件正常工作? + +上述的两个例子 + +- 导出只需要把各扩展模块放到该放的地方(模块的加载)就能正常工作了。 +- 文件管理器除了模块的加载,还需要初始化 attachments 和 storages 表,并且配置上 storage。 + +以上工作就是插件管理器负责的,协调各扩展模块的加载,让插件可以正常的运作起来。 + +插件管理器的职责: + +- 负责插件的下载、安装、激活、禁用和移除 +- 协调插件 + - 各模块归位,包括按依赖顺序载入/移除模块 + - 如果是客户端的代码,如何处理 + - 什么时候做什么事情,包括: + - `nocobase init` + - `nocobase start` + - `nocobase pm:download --enable` + - `nocobase pm:enable ` + - `nocobase pm:disable ` + - `nocobase pm:remove `