electronbuilder詳解

一、簡介

electronbuilder是一個可以將Electron應用程序打包為各種格式（Windows、Mac、Linux等）安裝程序的開源工具。

electronbuilder是electron的插件之一，可以為各個平台自動構建安裝包，無需運行特定的環境，對於初學者十分友好。

electronbuilder還支持代碼簽名和自動更新檢查，可以幫助開發人員輕鬆發布和維護他們的應用。

二、使用方法

1、安裝electron-builder

npm install electron-builder --save-dev

2、在package.json文件的scripts中添加以下代碼：

"scripts": {
  "eb": "electron-builder"
}

3、配置electron-builder

在package.json文件中添加以下代碼：

"build": {
  "appId": "com.example.app",
  "productName": "Example",
  "directories": {
    "output": "build"
  },
  "linux": {
    "target": [
      "deb",
      "rpm",
      "AppImage"
    ]
  },
  "win": {
    "target": [
      "nsis",
      "msi"
    ]
  },
  "mac": {
    "target": [
      "dmg",
      "pkg"
    ]
  }
}

其中，appId是應用的唯一標識符，productName是應用的名稱，directories.output是構建輸出目錄，linux、win、mac是各個平台的構建選項。

三、自動更新

electron-builder支持自動更新，讓用戶可以及時獲取最新的版本。首先需要在應用程序代碼中添加以下代碼：

const { autoUpdater } = require('electron-updater');
autoUpdater.checkForUpdatesAndNotify();

然後，需要將應用程序構建成允許自動更新的格式。在macOS上，需要將應用程序構建為.dmg或.pkg格式。在Windows上，需要將應用程序構建為.exe或.msi格式。

最後，為了讓應用程序能夠自動更新，需要在發布伺服器上部署一個JSON文件，JSON文件中包含應用程序的版本和下載鏈接。然後在應用程序中添加以下代碼：

const { autoUpdater } = require('electron-updater');
autoUpdater.setFeedURL({url: 'http://localhost:8080/update/'}).then(() => {
    autoUpdater.checkForUpdatesAndNotify();
});

其中，setFeedURL函數設置更新源URL，checkForUpdatesAndNotify函數檢查更新。

四、代碼簽名

為了提高應用程序的安全性，需要使用代碼簽名。electron-builder支持使用各種類型的代碼簽名證書，包括Windows代碼簽名（Authenticode）、Mac代碼簽名以及Linux代碼簽名。

首先需要購買代碼簽名證書，然後在應用程序構建之前，需要在package.json文件中添加以下代碼：

"win": {
  "certificateFile": "path/to/code-signing-certificate.pfx",
  "certificatePassword": "password",
  "signingHashAlgorithms": [
    "sha256"
  ]
},
"mac": {
  "identity": "Developer ID Application: Example, Inc. (XXXXXXXXXX)",
  "entitlements": "path/to/entitlements.plist",
  "entitlementsInherit": "path/to/entitlements.plist"
},
"linux": {
  "icon": "path/to/app-icon.png",
  "category": "Utility",
  "target": [
    "deb"
  ],
  "iconUrl": "https://example.com/icon.png"
}

其中，Windows通過certificateFile和certificatePassword來定義簽名證書，Mac通過identity來定義簽名證書，linux通過icon來定義應用程序的圖標。

五、總結

electron-builder是一個非常好用的Electron應用程序打包工具，支持自動更新和代碼簽名，並且可以將應用程序構建為各種格式的安裝程序。

使用electron-builder可以輕鬆發布和維護Electron應用程序，不論是初學者還是經驗豐富的開發人員，都能夠很快地上手。