如何在 Electron 应用程序中实现插件？

Question

我正在寻找一种为我的 Electron 工具实现“插件”的方法。

下面是我认为它如何工作的一个伪示例

提供 .js/.zip/plugin 文件

文件将包含插件名称及其类别（全局、以团队为中心、杂项）

文件将包含用于 GUI 的 HTML，它被放置在为工具空间指定的 div 中。此名称将作为选项添加到必要的 Select，以及添加的逻辑以将 HTML 拉入同一个 div

在工具中，选择插件文件：页面将加载 JavaScript 脚本，并添加选项选择以及切换到插件的逻辑

希望是自动化我当前的流程。目前我正在手动更新索引页面以引用新的 JavaScript 脚本，并在选择中添加选项 JavaScript 脚本在其中查看选择的逻辑，并查看是否选择了该选项，然后将其拉入通过内部的函数拥有 HTML

有什么我可以参考/利用来完成这项工作的吗？

Answer 1

经过 4 个多月的工作，我已经设法让它发挥作用。我将尝试概述我的方法。

• 每个“插件”或“工具”都需要它自己的 .js 文件
• js 文件应包含一个exports.html 函数，该函数将返回该工具的html
• js 文件应该包含一个添加所有相关事件监听器的exports.Events 函数
• 创建一个 json 文件，对每个工具进行编目，以及所需的信息，即描述、图像路径、.js 文件路径等。
• 选择时需要 .js 文件，加载 html 和事件
• 解析 json 以找出要加载的工具以及所需的信息

我需要做的就是更新 json 文件并上传 .js 文件以添加新插件。