依赖electron-builder
和electron-updater
的electron
版本更新方法,自己基于原有方法进行了封装
安装
使用npm1
npm install electron-update-helper
使用
主进程,在创建BrowserWindow
后使用MainHelper
,初始化实例即可,详见‘demo’1
2
3
4
5
6
7
8
9
10
11
12
13import {MainHelper} from 'electron-update-helper'
app.on('ready', () => {
mainWindow = new BrowserWindow({
height: 768,
width: 1024
});
// 接受两个参数
// 1 创建的BrowserWindow对象
// 2 版本更新地址,需要和package.json中electron-builder的publish url配置相同
new MainHelper(mainWindow, URL);
});
渲染进程中,使用RenderHelper
1
2
3import {RenderHelper} from 'electron-update-helper'
let renderHelper = new RenderHelper();
渲染进程事件,详见‘demo’
checkForUpdates
: 触发版本更新
1 | renderHelper.checkForUpdates(); |
setMessageHandle
: 更新通知的处理函数,参数为以下四种提示
1 | renderHelper.setMessageHandle(message => { |
setProgressHandle
: 进度条处理函数,参数为进度条对象
1 | renderHelper.setProgressHandle(progressObj => { |
setUpdatedHandle
: 更新完成后的回调,参数为一个事件,当done方法被调用时,会退出并执行更新
1 | renderHelper.setUpdatedHandle(done => { |
注意事项
在使用electron-updater
进行版本更新时,需要在package.json
中添加一下配置,注意url
地址应当与MainHelper
传入的一致1
2
3
4
5
6
7
8
9
10
11
12
13
14
15{
"build": {
"productName": "Name",
"appId": "org.simulatedgreg.electron-vue",
"publish": [
{
"provider": "generic",
"url": "your url"
}
],
"directories": {
"output": "build"
}
}
}