Electron autoUpdater实现Windows安装包自动更新的方法

那么我们来详细讲解一下Electron autoUpdater实现Windows安装包自动更新的方法。

1. 简介

Electron是一款支持使用Web技术开发桌面应用程序的开源框架。autoUpdater是Electron官方提供的自动更新模块，可以用于实现桌面应用程序的自动更新，无需用户手动下载最新版本的安装包。本文将详细介绍如何使用autoUpdater实现Windows安装包自动更新的方法。

2. 实现步骤

2.1. 在代码中添加autoUpdater模块

首先，在Electron项目的主进程代码中添加autoUpdater模块。可以使用以下代码片段：

const { app, BrowserWindow, autoUpdater } = require('electron');

这里我们将autoUpdater模块作为主进程的一部分引入项目中。

2.2. 配置自动更新服务

接下来，我们需要为Electron项目配置自动更新服务。首先需要创建一个文件来存储你的应用最新版本的下载地址，命名为latest.yml。这个文件的格式如下：

version: 1.0.0
url: https://your-update-url.com/releases/latest-win32.zip

这里version表示应用最新版本号，url表示最新版本的下载地址。

接着需要配置autoUpdater模块，让其能够获取下载地址和版本号。可以使用以下代码片段：

const server = 'https://your-update-server.com';
const feed = `${server}/update/${process.platform}/${app.getVersion()}`;

autoUpdater.setFeedURL(feed);
autoUpdater.checkForUpdates();

这里server为你的更新服务器地址，feed为你的最新版本下载地址。通过调用autoUpdater.setFeedURL()方法和autoUpdater.checkForUpdates()方法实现更新的检查。

2.3. 实现自动下载和安装更新包

当检测到新版本更新时，autoUpdater模块会触发更新事件，此时我们可以通过以下代码片段来下载最新版本的安装包：

autoUpdater.on('update-downloaded', (event, releaseNotes, releaseName) => {
  dialog.showMessageBox({
    type: 'info',
    title: '应用有新的版本',
    message: `版本号：${releaseName}，是否现在重启应用更新？`,
    buttons: ['是', '否'],
    defaultId: 0
  }, (buttonIndex) => {
    if (buttonIndex === 0) {
      autoUpdater.quitAndInstall();
    }
  });
});

autoUpdater.on('error', message => {
  console.error('更新出错');
  console.error(message);
});

这里我们监听update-downloaded事件并弹出对话框，询问用户是否要重启应用程序以完成更新。当用户点击“是”的时候，调用autoUpdater.quitAndInstall()方法进行自动安装。

另外，在autoUpdater.on('error')回调中处理更新出错时的情况。

2.4. 部署应用程序和更新包

在编写代码之后，我们还需要将应用程序和更新包部署到服务器上。程序每次更新时，它会从你的更新服务器上下载最新版本的安装包。因此，需要在服务器上提供一个用于存储安装包的地址，并在latest.yml文件里面指定这个地址。

3. 示例

以下是两个示例，演示如何使用autoUpdater模块实现Windows安装包自动更新。

示例一

在主进程中添加如下代码：

const { app, BrowserWindow, autoUpdater } = require('electron');
const path = require('path');
const url = require('url');

let mainWindow;

function createWindow() {
  mainWindow = new BrowserWindow({ width: 800, height: 600 });
  mainWindow.loadURL(url.format({
    pathname: path.join(__dirname, 'index.html'),
    protocol: 'file:',
    slashes: true
  }));
  mainWindow.on('closed', function () {
    mainWindow = null;
  });

  autoUpdater.setFeedURL(`https://your-update-server.com/releases/${process.platform}/${app.getVersion()}`);

  autoUpdater.on('update-downloaded', (event, releaseNotes, releaseName) => {
    dialog.showMessageBox({
      type: 'info',
      title: '应用有新的版本',
      message: `版本号：${releaseName}，是否现在重启应用更新？`,
      buttons: ['是', '否'],
      defaultId: 0
    }, (buttonIndex) => {
      if (buttonIndex === 0) {
        autoUpdater.quitAndInstall();
      }
    });
  });

  autoUpdater.on('error', message => {
    console.error('更新出错');
    console.error(message);
  });

  autoUpdater.checkForUpdates();
}

app.on('ready', createWindow);

app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

app.on('activate', function () {
  if (mainWindow === null) {
    createWindow();
  }
});

示例二

在本地开发自己的应用程序和更新服务器比较麻烦，因为需要找一台服务器来部署这个更新服务。我们可以使用第三方服务如GitHub或Amazon S3等来模拟这个过程。以下是如何在GitHub上实现自动更新：

首先，在GitHub上创建一个私有仓库，用于存储应用程序更新包。

然后，在autoUpdater.setFeedURL()方法中使用以下地址：

autoUpdater.setFeedURL(`https://raw.githubusercontent.com/{username}/{repository}/{branch}/latest.yml`);

这里，{username}为你在GitHub上的用户名，{repository}为你的仓库名称，{branch}为你的各个版本发布的分支名称。

最后，在仓库的根目录下创建一个latest.yml文件，用于存储最新版本下载地址，格式如下：

version: 1.0.0
url: https://github.com/{username}/{repository}/releases/download/v1.0.0/app-win32.zip

这里，{username}和{repository}分别为你在GitHub上的用户名和仓库名称，v1.0.0为应用程序的版本号，app-win32.zip为应用程序的安装包文件名。

4. 总结

以上就是如何使用Electron autoUpdater实现Windows安装包自动更新的攻略。总结一下，我们需要：

1. 在代码中添加autoUpdater模块
2. 配置自动更新服务
3. 实现自动下载和安装更新包
4. 部署应用程序和更新包

当然，这里只是一个简单的例子，更复杂的业务逻辑需要根据实际需求进行实现。