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

Question

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

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

提供.js/.zip/插件文件

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

文件将包含用于 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 文件以添加新插件。