跳到主要內容

應用程式封裝

若要使用 Electron 發佈您的應用程式，您需要將其封裝並重新品牌化。若要執行此操作，您可以選擇使用專門的工具或手動方法。

使用工具​

市面上有一些工具可用於封裝和發佈您的 Electron 應用程式。我們建議使用 Electron Forge。您可以直接查看其文件，或參考 Electron 教學課程的封裝與發佈部分。

手動封裝​

如果您偏好手動方法，有 2 種方式可以發佈您的應用程式

  • 使用預先建置的二進位檔
  • 使用應用程式原始碼封存檔

使用預先建置的二進位檔​

若要手動發佈您的應用程式，您需要下載 Electron 的預先建置的二進位檔。接下來，包含您應用程式的資料夾應命名為 app，並放置在 Electron 的 resources 目錄中，如下列範例所示。

注意

Electron 預先建置二進位檔的位置在以下範例中以 electron/ 表示。

macOS
electron/Electron.app/Contents/Resources/app/
├── package.json
├── main.js
└── index.html
Windows 與 Linux
electron/resources/app
├── package.json
├── main.js
└── index.html

然後在 macOS 上執行 Electron.app，在 Linux 上執行 electron，或在 Windows 上執行 electron.exe，Electron 將以您的應用程式啟動。electron 目錄接著將成為您要交付給使用者的發佈版本。

使用應用程式原始碼封存檔 (asar)​

您可以將應用程式封裝到 asar 封存檔中，以改善在 Windows 等平台上讀取檔案的效能，而不是複製所有原始碼檔案來發佈您的應用程式 (如果您尚未使用 Parcel 或 Webpack 等打包工具)。

若要使用 asar 封存檔來取代 app 資料夾，您需要將封存檔重新命名為 app.asar，並將其放在 Electron 的 resources 目錄下，如下所示，Electron 接著將嘗試讀取該封存檔並從中啟動。

macOS
electron/Electron.app/Contents/Resources/
└── app.asar
Windows
electron/resources/
└── app.asar

您可以在 electron/asar 儲存庫中找到有關如何使用 asar 的更多詳細資訊。

使用下載的二進位檔重新品牌化​

將您的應用程式捆綁到 Electron 中後，您會希望在將其發佈給使用者之前重新品牌化 Electron。

  • Windows： 您可以將 electron.exe 重新命名為任何您喜歡的名稱，並使用 rcedit 等工具編輯其圖示和其他資訊。

  • Linux： 您可以將 electron 可執行檔重新命名為任何您喜歡的名稱。

  • macOS： 您可以將 Electron.app 重新命名為任何您想要的名稱，並且您還必須重新命名以下檔案中的 CFBundleDisplayName、CFBundleIdentifier 和 CFBundleName 欄位

    • Electron.app/Contents/Info.plist
    • Electron.app/Contents/Frameworks/Electron Helper.app/Contents/Info.plist

    您也可以重新命名 helper app 以避免在「活動監視器」中顯示 Electron Helper，但請確保您已重新命名 helper app 的可執行檔名稱。

    重新命名的應用程式結構會像這樣

MyApp.app/Contents
├── Info.plist
├── MacOS/
│   └── MyApp
└── Frameworks/
    └── MyApp Helper.app
        ├── Info.plist
        └── MacOS/
            └── MyApp Helper
注意

也可以透過變更產品名稱並從原始碼建置來重新品牌化 Electron。若要執行此操作，您需要在 args.gn 檔案中設定對應於產品名稱的建置引數 (electron_product_name = "YourProductName") 並重新建置。

請記住，不建議這樣做，因為設定從原始碼編譯的環境並非易事，且需要相當長的時間。