Electron-vue开发实战 - 自动更新

electron-builder构建的应用自动更新可以使用electron-updater很快的实现版本的自动更新.

使用

安装

npm i electron-updater

在package.json中加入publish和版本更新信息

{
   
  	 "version": "0.5.18",
     ...
     "build": {
   
        "releaseInfo": {
   
      			 "releaseNotes": "1.添加了 xxxx\n2.更新了xxxx\n3.修复了 xxxx"
    			},
         "publish": [{
   
             "provider": "generic",
             "url": "http://***/download/"
         }],
         ...
     }
 }

打包应用

​ 在打包成功之后,在文件夹中会出现一个新latest.yml,里面保存着版本信息,如果是macOS打包后则是latest-mac.yml,在打包之后将安装包和latest.yml上传到上面的url地址下.

version: 0.5.21
files:
  - url: App Setup 0.5.21.exe
    sha512: FJZW2zwEwVYkeUMcl0JFV/7KBsf3eOU2EJ4xSuL5M4RS4Lhtd87lz2puDQ0+J/zGQNgLGAsoOlQrSOc1SrY9Nw==
    size: 46862682
path: App Setup 0.5.21.exe
sha512: FJZW2zwEwVYkeUMcl0JFV/7KBsf3eOU2EJ4xSuL5M4RS4Lhtd87lz2puDQ0+J/zGQNgLGAsoOlQrSOc1SrY9Nw==
releaseNotes: |-
  1.添加了 xxxx
  2.更新了 xxxx
  3.修复了 xxxx
releaseDate: '2020-05-21T05:11:49.180Z'

检查自动更新

1. uoloader.js

   import axios from 'axios'
   import jsyaml from