electron-vue搭建（二）打包发布至github自动更新

使用electron-builder打包到github发行版，使用electron-updater autoUpdater检测是否自动更新。
1、安装 electron-updater electron-log

npm install electron-updater
npm install electron-log

2、vue.config.js 配置

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  configureWebpack: {
    resolve: {
      fallback: { path: false },
    },
  },
  transpileDependencies: true,

  pluginOptions: {
    electronBuilder: {
      nodeIntegration:true,
      builderOptions: {

        appId: "com.electron.electronui",
        productName: "electronui",
        copyright: "2023",
        directories: {
          output: "dist_electron",
          buildResources: "build",
          app: "dist_electron/bundled"
        },
		//关于"nsis"的一些配置
        nsis: {
          oneClick: false, //是否一键安装，默认为true
          perMachine: true, //为当前系统的所有用户安装该应用程序
          allowToChangeInstallationDirectory: true, //允许用户选择安装目录
          warningsAsErrors: false,
          allowElevation: false,
          createDesktopShortcut: true,
          createStartMenuShortcut: true,
          // include: "installer.nsh"
        },
		"files": [
		"package.json",
		"index.js",
		"src/**/*"
		],
        win: {
          "target": ["msi","nsis"],
          "icon": "public/icons/icon.ico" //安装包的图标
        },


        publish: [
          {
            provider: "github", //打包上传到github
            owner: "test", //仓库所有者
            repo: "electronui", //仓库名称
            // private: true, //若是私有仓库，则将私有设置为true，同时添加token，反之不需要设置
            token: "ghp_h**************************CWSDW", //github的私有token
            releaseType: "release", //上传到github的版本类型（draft:草稿，prerelease:提前发行版，release:发行版）
            channel: "latest"
          }
        ],
      }
    }
  }
})

3、package.json配置 打包至github

"release:build": "vue-cli-service electron:build --win --x64 -p always"

4、background.js

const { autoUpdater } = require('electron-updater')

import log from 'electron-log';

app.on('ready', async () => {
  createWindow()
  //每次启动程序，就检查更新
  checkUpdate()
})



function checkUpdate(){
  //检测更新
  autoUpdater.checkForUpdates()

  //监听'error'事件
  autoUpdater.on('error', (err) => {
    log.info(err)

  })

  //监听'update-available'事件，发现有新版本时触发
  autoUpdater.on('update-available', () => {
    log.info('found new version')
  })

  //默认会自动下载新版本，如果不想自动下载，设置autoUpdater.autoDownload = false

  //监听'update-downloaded'事件，新版本下载完成时触发
  autoUpdater.on('update-downloaded', () => {
    dialog.showMessageBox({
      type: 'info',
      title: '应用更新',
      message: '发现新版本，是否更新？',
      buttons: ['是', '否']
    }).then((buttonIndex) => {
      if(buttonIndex.response == 0) {  //选择是，则退出程序，安装新版本
        autoUpdater.quitAndInstall()
        app.quit()
      }
    })
  })
}