electronvue使用electronupdater实现自动更新

今天呢&＃xff0c;给大家带来一篇干货满满的electron-vue自动升级的教程&＃xff0c;话不多说&＃xff0c;开始我的表演!

配置文件 "package.json"

"build" : {"publish": [{"provider": "generic","url": "http://127.0.0.1:3000/newfile/"}], }, "devDependencies": {"electron": "^2.0.4","electron-updater": "3.0.0","electron-builder": "^20.19.2" }

build字段详细配置

安装依赖

需要注意的是electron-vue中目前是使用electron 2.0.4的&＃xff0c;所以最新版的electron-updater是不支持的&＃xff0c;若手动升级electron版本的话&＃xff0c;如果你使用了node-ffi等的话,是无法运行的,但是如果你只是使用node-ffi的话可以切换成node-ffi-napi然后对electron进行升级 yarn add electron-updater&＃64;3.0.0 --dev(推荐) npm i electron-updater&＃64;3.0.0 -D cnpm i electron-updater&＃64;3.0.0 -D

自动更新 "update.js"

import { autoUpdater } from &＃39;electron-updater&＃39; import { ipcMain } from &＃39;electron&＃39; /*** -1 检查更新失败 0 正在检查更新 1 检测到新版本&＃xff0c;准备下载 2 未检测到新版本 3 下载中 4 下载暂停 5 下载暂停恢复 6 下载完成 7 下载失败 8 取消下载* */ class Update {mainWindowconstructor (mainWindow) {this.mainWindow &＃61; mainWindowautoUpdater.setFeedURL(&＃39;http://127.0.0.1:3000/newfile&＃39;) // 更新地址与package.json中的build.publish.url相对应/*** 根据自身需求选择下方方法*/this.error()this.start()this.allow()this.unallowed()this.listen()this.download()}Message (type, data) {this.mainWindow.webContents.send(&＃39;message&＃39;, type, data)}error () { // 当更新发生错误的时候触发。autoUpdater.on(&＃39;error&＃39;, (err) &＃61;> {this.Message(-1, err)console.log(err)})}start () { // 当开始检查更新的时候触发autoUpdater.on(&＃39;checking-for-update&＃39;, (event, arg) &＃61;> {this.Message(0)})}allow () { // 发现可更新数据时autoUpdater.on(&＃39;update-available&＃39;, (event, arg) &＃61;> {this.Message(1)})}unallowed () { // 没有可更新数据时autoUpdater.on(&＃39;update-not-available&＃39;, (event, arg) &＃61;> {this.Message(2)})}listen () { // 下载监听autoUpdater.on(&＃39;download-progress&＃39;, () &＃61;> {this.Message(&＃39;下载进行中&＃39;)})}download () { // 下载完成autoUpdater.on(&＃39;update-downloaded&＃39;, () &＃61;> {this.Message(6)setTimeout(m &＃61;> {autoUpdater.quitAndInstall()}, 1000)})}load () { // 触发器autoUpdater.checkForUpdates()} } export default Update

update配置
若对class写法不是很熟悉的同学&＃xff0c;可以参考阮一峰老师的es6课程class
在下载中的时候有一个问题就是下载非差异文件的时候不会触发下载监听&＃xff0c;点击查看

主进程 "index.js"

import Update from &＃39;./update&＃39;mainWindow &＃61; new BrowserWindow({height: 563,useContentSize: true,width: 1000 }) let update &＃61; new Update(mainWindow)