时间戳

首页 > 解决方案 > 如何在 Electron 应用程序中实现插件？

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

问题描述

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

下面是一个伪示例，说明我认为它会如何工作

提供 .js/.zip/plugin 文件

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

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

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

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

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

标签： javascriptpluginselectron

解决方案

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

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

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

推荐阅读