Electron + electron-updater 实现自动更新

在 Electron 应用中实现自动更新是一项重要的功能，它可以帮助你及时向用户推送新版本，并确保应用始终运行在最新版本上。下面我们将介绍如何使用 Electron 和 electron-updater 实现这一功能。

一、安装依赖

首先，确保你的项目已经安装了 Electron 和 electron-builder。你可以使用 npm 或 yarn 来安装它们：

npm install electron --save-dev
npm install electron-builder --save-dev

二、配置 electron-builder

在项目根目录下创建一个名为 electron-builder.js 的文件，并添加以下代码：

const builder = require('electron-builder');
builder
  .build({
    targets: builder.Platform.WINDOWS.createTarget(),
  })
  .then(() => {
    console.log('Build successful');
  })
  .catch((error) => {
    console.error(error);
  });

这将使用 electron-builder 构建 Windows 平台的应用程序。你可以根据需要添加其他平台的支持。

三、安装 electron-updater

接下来，我们需要安装 electron-updater。你可以使用 npm 或 yarn 来安装它：

npm install electron-updater --save-dev

四、配置 electron-updater

在 electron-builder.js 文件中，我们需要配置 electron-updater 来处理更新逻辑。添加以下代码：

const builder = require('electron-builder');
const updater = require('electron-updater');
builder
  .build({
    targets: builder.Platform.WINDOWS.createTarget(),
  })
  .then(() => {
    return updater.autoUpdater.checkForUpdates();
  })
  .then((result) => {
    if (result.updateAvailable) {
      return updater.autoUpdater.downloadUpdate();
    } else {
      console.log('No updates available');
    }
  })
  .catch((error) => {
    console.error(error);
  });

这里我们使用了 autoUpdater.checkForUpdates() 方法来检查是否有可用的更新，并根据结果执行相应的操作。如果可用更新，则使用 autoUpdater.downloadUpdate() 方法下载更新。注意，你需要将 autoUpdater 对象传递给 electron-builder，以便在构建完成后执行更新操作。五、运行应用程序在配置好自动更新后，你可以运行你的 Electron 应用。在项目根目录下运行以下命令：node main.js六、测试自动更新现在，当你启动 Electron 应用时，它将自动检查是否有可用更新。如果有，它将下载并安装更新。你可以通过查看控制台输出来验证更新是否成功。注意事项：确保你的应用能够连接到互联网，以便下载更新文件。此外，你可能需要配置服务器来托管更新文件。总结：通过以上步骤，你已经成功地使用 Electron 和 electron-updater 实现了应用程序的自动更新。现在你可以根据需要进一步定制和优化你的自动更新流程。记得在部署应用程序之前进行充分的测试，以确保一切正常工作。