electron-builder打包環境搭建以及打包過程中的坑

本文檔在electron v8.0.0和electron-builder v22.3.2環境下編寫，其他版本的環境可能會略有差異

1. 全局安裝electron-builder

npm install -g electron-builder

2. 在package.json文件中增加打包的配置

完整配置項文檔地址：https://www.electron.build/configuration/configuration

{
  "build": {
    "productName":"Electron_Test",
    "appId": "xxxx",
    "copyright":"xxxx",
    "directories": { 
      "output": "build"
    }, 
    "nsis": {
      "oneClick": false,
      "allowElevation": true, 
      "allowToChangeInstallationDirectory": true, 
      "installerIcon": "./build/icons/aaa.ico",
      "uninstallerIcon": "./build/icons/aaa.ico",
      "installerHeaderIcon": "./build/icons/aaa.ico", 
      "createDesktopShortcut": true, 
      "createStartMenuShortcut": true,
      "shortcutName": "xxxx"
    },
    "publish": [
      {
        "provider": "generic", 
        "url": "http://xxxxx/"
      }
    ],
    "files": [
      "./main.js",
      "./dist/**",
      "./package.json",
      "./preload.js"
    ],
    "win": {
      "icon": "build/icons/aaa.ico",
      "target": [
        {
          "target": "nsis",
          "arch": [
            "ia32"
          ]
        }
      ]
    }
  }
}

3. 開始打包

electron-builder --win

4. 打包過程中可能遇到的問題

1. 打包時下載electron-v.xxxx.zip文件失敗

解決辦法：直接在淘寶的文件庫下載對應版本和打包平臺的文件，下載完成後放在C:\Users\Administrator\AppData\Local\electron\Cache這個目錄下

2. 打包時下載winCodeSign-v.xxx.7z文件失敗

下載地址：https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.5.0/winCodeSign-2.5.0.7z

下載完解壓放到C:\Users\Administrator\AppData\Local\electron-builder\Cache\winCodeSign目錄下

3. 打包時下載nsis-v.xxx.7z文件失敗

下載地址：https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-3.0.4.1/nsis-3.0.4.1.7z

下載完解壓放到C:\Users\Administrator\AppData\Local\electron-builder\Cache\nsis

4. 打包時下載nsis-resources-v.xxx.7z文件失敗

下載地址：https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-resources-3.4.1/nsis-resources-3.4.1.7z

下載完解壓放到C:\Users\Administrator\AppData\Local\electron-builder\Cache\nsis\nsis-resources-3.4.1

第2、3、4步下載的文件如果需要其他版本，直接修改鏈接中的版本號即可