…1、官网demo下载地址

electron-updater根据项目需求安装对应的版本建议使用5.2.1

3、创建一个handleUpdater.js文件和package.json同级

const

{console.log(版本更新检测,mainWindow)autoUpdater.setFeedURL(“填写自己项目更新地址”)

设置下载地址function

{mainWindow.webContents.send(message,

(event)

{mainWindow.hide();mainWindow.setSkipTaskbar(true);event.preventDefault();}});//

(error)

{console.log(autoUpdater-error:::,

arguments)sendUpdateMessage({cmd:

error,message:

检查是否有版本更新autoUpdater.on(checking-for-update,

(message)

{console.log(checking-for-update:::,

arguments)sendUpdateMessage({cmd:

message})})//

检测到有版本更新autoUpdater.on(update-available,

(message)

{console.log(update-available:::,

arguments)sendUpdateMessage({cmd:

message,});})//

未发现有新版本autoUpdater.on(update-not-available,

(message)

{console.log(update-not-available:::,

arguments)sendUpdateMessage({cmd:

message,});})//

更新下载进度事件autoUpdater.on(download-progress,

progressObj

{console.log(download-progress:::,

progressObj)sendUpdateMessage({cmd:

progressObj,});})//

下载完成询问用户是否更新autoUpdater.on(update-downloaded,

event,

{console.log(update-downloaded:::

下载完成询问用户是否更新)sendUpdateMessage({cmd:

{releaseNotes,releaseName,releaseDate,updateUrl,},});//

autoUpdater.quitAndInstall();})//接收渲染进程消息开始检查更新ipcMain.on(checkForUpdate,

{console.log(接收渲染进程消息开始检查更新)//执行自动更新检查//

sendUpdateMessage({cmd:checkForUpdate,message:arg})autoUpdater.checkForUpdates();});ipcMain.on(quitAndInstall,

{console.log(接收渲染进程信息是否立即更新)autoUpdater.quitAndInstall();});//接收渲染进程信息是否立即更新//

{//

autoUpdater.quitAndInstall();//

});//

ipcMain.on(confirmDownloadUpdate,

{//

autoUpdater.downloadUpdate();//

});

templateel-dialog:titlepercentage

100

正在下载新版本,请稍候...:visible.syncdialogVisiblewidth500px:close-on-click-modalcloseOnClickModal:close-on-press-escapecloseOnPressEscape:show-closeshowClosecenterdivstylewidth:

100%;

centerel-progressstatussuccess:text-insidetrue:stroke-width20:percentagepercentage:widthstrokeWidth:show-texttrue/el-progress/div/el-dialog

/template

false,//是否打开弹窗closeOnClickModal:

ESC

false,//是否显示右上角关闭按钮confirmShowCancelButton:

false,//是否显示取消按钮forcedUpdating:

null,interval:

{//接收主进程版本更新消息ipcRenderer.on(message,

(event,

{console.log(监听发现可用更新事件)//监听发现可用更新事件判断是否在login页面也可以选择不需要判断页面自己进行更新if

(this.$route.name

{this.$Bus.$emit(uploadVersion)}

else

有新版本发现即将开始更新});this.dialogVisible

true;//

更新下载进度事件this.downloadProgress(arg)}

else

{console.log(监听升级失败事件)//监听升级失败事件this.error(arg)}

else

{console.log(监听下载完成事件)//监听下载完成事件this.updateDownloaded(arg)}});//2秒后开始检测新版本this.timeOut

window.setTimeout(()

{console.log(2222)ipcRenderer.send(checkForUpdate);},

2000);this.interval

{ipcRenderer.send(checkForUpdate);},

1800000);this.$Bus.$off(headerUplaod).$on(headerUplaod,

{ipcRenderer.send(checkForUpdate);})},methods:

{/*

{logout(JSON.parse(getAuthToken(userInfo)).userName).then(()

{removeAuthToken(userInfo)removeAuthToken(deptInfo)this.$router.push(/login)this.$Bus.$emit(closeSocket)})}},//监听发现可用更新事件updateAvailable(arg)

{let

arg.message.version.split(.)[0];

服务器安装包版本号let

arg.message.version.split(.)[1];//如果版本号的第一位或者第二位是和目前的版本号不一样就需要强制更新if

{text

发现新版本,需要立即更新才能使用this.confirmShowClose

false

//是否显示右上角关闭按钮this.confirmShowCancelButton

false

发现新版本,是否下载新版本?this.forcedUpdating

false

//寻求用户是否需要更新}}//显示升级对话框this.$confirm(text,

提示,

this.confirmShowClose,//是否显示右上角关闭按钮showCancelButton:

this.confirmShowCancelButton,//是否显示取消按钮closeOnClickModal:

ESC

//打开安装白下载进度弹窗ipcRenderer.send(confirmDownloadUpdate);

手动下载更新文件}).catch(()

Math.round(parseFloat(arg.message.percent));console.log(更新升级进度---percent)this.percentage

{this.dialogVisible

//关闭弹窗console.log(更新失败);},//监听下载完成事件updateDownloaded()

{//有时候网速太快会跳过获取进度这里进度加个判断手动设置获取更新进度this.percentage

this.percentage

this.percentage//如果需要强制更新的就不需要再询问客户是否安装//

console.log(this.forcedUpdating);if

{ipcRenderer.send(quitAndInstall);

//退出并安装更新包}

{ipcRenderer.send(quitAndInstall);

{this.dialogVisible

{//清除定时器window.clearTimeout(this.timeOut);window.clearTimeout(this.interval);}

/script

解决办法在package.json文件中找到build在extraFiles里面添加‘node_modules/electron-updater/’后续出现这种问题根据提示完成插件的添加

build:

com.tencent.trtc-electron-simple-demo,icon:

public/info-avatar.ico,directories:

{output:

https://jqga.jqwjw.cn/clientupdate/}],win:

{target:

node_modules/trtc-electron-sdk/build/Release/,to:

./resources,filter:

node_modules/electron-updater/,to:

./resources/node_modules/electron-updater,filter:

[**/*]},]},files:

[dist/**/*,*.js,!node_modules]},在vue项目中使用let

ipcRenderer

require(“electron”);必须在前面添加window.不然会提示fs.existsSync

not