在windows平台下electron-builder实现前端程序的打包与自动更新

"scripts": {
    "package": "electron-packager ./ --overwrite -all"
}

1 //if you don‘t use ES6: const autoUpdater = require("electron-updater").autoUpdater
2 const autoUpdater = require(‘electron-updater‘).autoUpdater

//ipcMain 主线程
const ipcMain = require(‘electron‘).ipcMain

  1 // 检测更新，在你想要检查更新的时候执行，renderer事件触发后的操作自行编写
  2 function updateHandle(){
  3     //minimize
  4     ipcMain.on(‘hide-window‘, () => {
  5         mainWindow.minimize();
  6     });
  7     //maximize
  8     ipcMain.on(‘show-window‘, () => {
  9         mainWindow.maximize();
 10     });
 11     //unmaximize
 12     ipcMain.on(‘orignal-window‘, () => {
 13         mainWindow.unmaximize();
 14     });
 15     //打开默认浏览器
 16     ipcMain.on(‘open-office-website‘, function(event, arg){
 17         shell.openExternal(arg)
 18     })
 19     
 20     ipcMain.on(‘check-for-update‘, function(event, arg) {
 21         let message={
 22             appName:‘智卡桌面应用讨论‘,
 23             error:‘检查更新出错, 请联系开发人员‘,
 24             checking:‘正在检查更新……‘,
 25             updateAva:‘检测到新版本，正在下载……‘,
 26             updateNotAva:‘现在使用的就是最新版本，不用更新‘,
 27             downloaded: ‘最新版本已下载，将在重启程序后更新‘
 28         };
 29         //设置检查更新的 url，并且初始化自动更新。这个 url 一旦设置就无法更改。
 30         const updateFeedUrl=‘http://www.baidu.com/updates/latest/win/‘;
 31         if(os.platform()===‘darwin‘){
 32             updateFeedUrl=‘http://www.baidu.com/updates/latest/mac/‘;
 33         }
 34         autoUpdater.setFeedURL(updateFeedUrl);
 35 
 36         autoUpdater.on(‘error‘, function(error){
 37             return dialog.showMessageBox(mainWindow, {
 38                     type: ‘info‘,
 39                     buttons: [‘OK‘],
 40                     title: message.appName,
 41                     message: message.errorTips,
 42                     detail: ‘\r‘ + message.error
 43                 });
 44 
 45             sendUpdateMessage(message.error)
 46         });
 47 
 48         //当开始检查更新的时候触发
 49         autoUpdater.on(‘checking-for-update‘, function() {
 50             sendUpdateMessage(message.checking)
 51             return dialog.showMessageBox(mainWindow, {
 52                     type: ‘info‘,
 53                     buttons: [‘OK‘],
 54                     title: message.appName,
 55                     message: message.checking
 56                 });
 57         });
 58 
 59         //当发现一个可用更新的时候触发，更新包下载会自动开始
 60         autoUpdater.on(‘update-available‘, function(info) {
 61             sendUpdateMessage(message.updateAva)
 62             var downloadConfirmation = dialog.showMessageBox(mainWindow, {
 63                 type: ‘info‘,
 64                 buttons: [‘OK‘],
 65                 title: message.appName,
 66                 message: message.updateAva
 67             });
 68             if (downloadConfirmation === 0) {
 69                 return;
 70             }
 71         });
 72 
 73         //当没有可用更新的时候触发
 74         autoUpdater.on(‘update-not-available‘, function(info) {
 75             return dialog.showMessageBox(mainWindow, {
 76                 type: ‘info‘,
 77                 buttons: [‘OK‘],
 78                 title: message.appName,
 79                 message: message.updateNotAva
 80             });
 81             sendUpdateMessage(message.updateNotAva)
 82         });
 83         
 84         // 更新下载进度事件
 85         autoUpdater.on(‘download-progress‘, function(progressObj) {
 86             mainWindow.webContents.send(‘downloadProgress‘, progressObj)
 87         })
 88         /**
 89          *  event Event
 90          *  releaseNotes String - 新版本更新公告
 91          *  releaseName String - 新的版本号
 92          *  releaseDate Date - 新版本发布的日期
 93          *  updateURL String - 更新地址
 94          * */
 95         autoUpdater.on(‘update-downloaded‘,  function (event, releaseNotes, releaseName, releaseDate, updateUrl, quitAndUpdate) {
 96             var index = dialog.showMessageBox(mainWindow, {
 97                 type: ‘info‘,
 98                 buttons: [‘现在重启‘, ‘稍后重启‘],
 99                 title: message.appName,
100                 message: message.downloaded,
101                 //detail: releaseName + "\n\n" + releaseNotes
102             });
103             console.log(index);
104             if (index === 1) return;
105             //在下载完成后，重启当前的应用并且安装更新
106             autoUpdater.quitAndInstall();
107             //通过main进程发送事件给renderer进程，提示更新信息
108             //mainWindow.webContents.send(‘isUpdateNow‘)
109         });
110         
111         //执行自动更新检查
112         autoUpdater.checkForUpdates();
113     });
114 }

1 //检查更新
2  $("#accLogin").find(".T-updateApp").on("click", function() {
3          setTimeout(function() {
4              //update 渲染进程 
5              ipcr.send(‘check-for-update‘, ‘event-update‘);
6          }, 20);
7 });

ipcMain.on(‘check-for-update‘, function(event, arg) {
        //设置检查更新的 url，并且初始化自动更新。这个 url 一旦设置就无法更改。
        const updateFeedUrl=‘http://www.baidu.com/updates/latest/win/‘;
        if(os.platform()===‘darwin‘){
            updateFeedUrl=‘http://www.baidu.com/updates/latest/mac/‘;
        }
        autoUpdater.setFeedURL(updateFeedUrl);

        autoUpdater.on(‘error‘, function(error){});

        //当开始检查更新的时候触发
        autoUpdater.on(‘checking-for-update‘, function() {});

        //当发现一个可用更新的时候触发，更新包下载会自动开始
        autoUpdater.on(‘update-available‘, function(info) {});

        //当没有可用更新的时候触发
        autoUpdater.on(‘update-not-available‘, function(info) {});
        
        // 更新下载进度事件
        autoUpdater.on(‘download-progress‘, function(progressObj) {})
        /**
         *  event Event
         *  releaseNotes String - 新版本更新公告
         *  releaseName String - 新的版本号
         *  releaseDate Date - 新版本发布的日期
         *  updateURL String - 更新地址
         * */
        autoUpdater.on(‘update-downloaded‘,  function (event, releaseNotes, releaseName, releaseDate, updateUrl, quitAndUpdate) {});
        
        //执行自动更新检查
        autoUpdater.checkForUpdates();
});

{
  "name": "electron-build",
  "version": "1.6.13",
  "main": "src/main.js",
  "description": "electron-build project",
  "author": "Avenstar",
  "license": "",
  "devDependencies": {
    "electron": "^1.4.15",
    "electron-builder": "^12.3.1"
  },
  "dependencies": {
    "electron-updater": "^1.4.2"
  },
  "scripts": {
    "pack": "electron-builder --dir",
    "build": "electron-builder",
    "dev": "electron src/main.js"
  },
  "keywords": [
    "electron",
    "updater",
    "update",
    "mac",
    "osx",
    "linux",
    "desktop"
  ],
  "build": {
    "appId": "com.cilent.app.electronbuild",
    "productName": "electron-build",
    "directories": {
      "output": "build"
    },
    "files": [
      "src/**/*",
      "node_modules/**/*",
      "package.json"
    ],
    "dmg": {
      "contents": [
        {
          "x": 410,
          "y": 150,
          "type": "link",
          "path": "/Applications"
        },
        {
          "x": 130,
          "y": 150,
          "type": "file"
        }
      ]
    },
    "mac": {
      "category": "your.app.category.type",
       "icon": "static/icons/app.icns",
      "target": [
        "zip",
        "dmg"
      ],
      "publish": [
        {
          "provider":"generic",
          "url":"http://www.baidu.com/updates/latest/mac/"
        }
      ]
    },
    "win": {
      "icon": "static/icons/icon.ico",
      "target": [
        "nsis",
        "zip"
      ],
      "publish": [
        {
          "provider":"generic",
          "url":"http://www.baidu.com/updates/latest/win/"
        }
      ]
    },
    "linux": {
      "icon": "static/icons"
    },
    "nsis":{
      "oneClick":true,
      "artifactName":"${productName}-setup-${version}.${ext}"
    }
  }
}