electron
-
安裝依賴
npm i electron-updater,package.json配置build下publish參數(shù)如下:
image.png 主進(jìn)程添加代碼
main/index.js
import { autoUpdater } from 'electron-updater'
// 檢測(cè)更新，在你想要檢查更新的時(shí)候執(zhí)行，renderer事件觸發(fā)后的操作自行編寫(xiě)
!function updateHandle() {
let message = {
error: '檢查更新出錯(cuò)',
checking: '正在檢查更新……',
updateAva: '檢測(cè)到新版本，正在下載……',
updateNotAva: '現(xiàn)在使用的就是最新版本，不用更新',
};
const uploadUrl = "http://61.4.184.177:7799/download/"; // 下載地址，不加后面的**.exe
autoUpdater.setFeedURL(uploadUrl);
autoUpdater.on('error', function (error) {
sendUpdateMessage(message.error)
});
autoUpdater.on('checking-for-update', function () {
sendUpdateMessage(message.checking)
});
autoUpdater.on('update-available', function (info) {
sendUpdateMessage(message.updateAva)
});
autoUpdater.on('update-not-available', function (info) {
sendUpdateMessage(message.updateNotAva)
});
// 更新下載進(jìn)度事件
autoUpdater.on('download-progress', function (progressObj) {
mainWindow.webContents.send('downloadProgress', progressObj)
})
autoUpdater.on('update-downloaded', function (event, releaseNotes, releaseName, releaseDate, updateUrl, quitAndUpdate) {
ipcMain.on('isUpdateNow', (e, arg) => {
console.log(arguments);
console.log("開(kāi)始更新");
//some code here to handle event
autoUpdater.quitAndInstall();
});
mainWindow.webContents.send('isUpdateNow')
});
ipcMain.on("checkForUpdate",()=>{
//執(zhí)行自動(dòng)更新檢查
autoUpdater.checkForUpdates();
})
}()
// 通過(guò)main進(jìn)程發(fā)送事件給renderer進(jìn)程，提示更新信息
function sendUpdateMessage(text) {
mainWindow.webContents.send('message', text)
}
- 渲染進(jìn)程添加代碼
App.vue
created(){
const _this = this
_this.$electron.ipcRenderer.send("checkForUpdate");
_this.$electron.ipcRenderer.on("message", (event, text) => {
console.log(arguments);
_this.tips = text;
alert(text)
});
_this.$electron.ipcRenderer.on("downloadProgress", (event, progressObj)=> {
console.log(progressObj);
_this.downloadPercent = progressObj.percent || 0;
});
_this.$electron.ipcRenderer.on("isUpdateNow", () => {
_this.$electron.ipcRenderer.send("isUpdateNow");
});
},
beforeDestroy(){
// this.$electron.ipcRenderer.removeAll(["message", "downloadProgress", "isUpdateNow"]);
}
打包，將生成的exe文件和latest.yml文件上傳至服務(wù)器
image.png
