搭建一个服务放置安装包

也就是通过 http://服务地址/latest.ym 能够访问到就行

文件的版本号是根据 package.json 中 version 自动识别的

win需要的文件

• latest.yml
• Demo Setup 1.0.1.exe
• Demo Setup 1.0.1.exe.blockmap

检测更新

yarn add electron-updater

第一步：在build中配置publish字段

"build": {
  ...
  "publish": [
    {
       "provider": "generic",
       "url": "http://服务地址/" 
    }
  ]
}

第二步：在应用程序主进程中调用electron-updater模块检测更新

import {dialog} from 'electron'
const { autoUpdater } = require('electron-updater')
function checkUpdate(){
    if(process.platform == 'darwin'){  
        // 安装包放在了服务端`darwin`目录下
        autoUpdater.setFeedURL('http://服务地址/darwin')  //设置要检测更新的路径
    }else{
        // 同理
        autoUpdater.setFeedURL('http://服务地址/win32')
    }

    //检测更新
    autoUpdater.checkForUpdates()

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

    //监听'update-available'事件，发现有新版本时触发
    autoUpdater.on('update-available', () => {
        console.log('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()
            }
        })
    })
}

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

原理

electron-updater 会根据上面setFeedURL指定路径下的latest.yml中的version来判断是否需要更新，大于当前版本的version则需要更新，否则不更新。