跳至主要内容

应用程序打包

要使用 Electron 分发您的应用程序，您需要对其进行打包和重新品牌化。为此，您可以使用专门的工具或手动方法。

使用工具​

有一些工具可以打包和分发您的 Electron 应用程序。我们建议使用 Electron Forge。您可以直接查看其 文档，或参考 Electron 教程的 打包和分发 部分。

手动打包​

如果您更喜欢手动方法，有两种方法可以分发您的应用程序

  • 使用预编译的二进制文件
  • 使用应用程序源代码存档

使用预编译的二进制文件​

要手动分发您的应用程序，您需要下载 Electron 的 预编译的二进制文件。接下来，包含您的应用程序的文件夹应命名为 app，并放置在 Electron 的资源目录中，如下面的示例所示。

注意

下面示例中用 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 的资源目录下，如下所示，Electron 将尝试读取存档并从中启动。

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

您可以在 electron/asar 存储库 中找到有关如何使用 asar 的更多详细信息。

使用下载的二进制文件重新品牌化​

将您的应用程序捆绑到 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

    您还可以重命名辅助应用程序，以避免在活动监视器中显示 Electron Helper，但请确保您已重命名辅助应用程序的可执行文件名称。

    重命名的应用程序的结构如下所示

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

也可以通过更改产品名称并从源代码构建来重新品牌化 Electron。为此，您需要在 args.gn 文件中设置与产品名称相对应的构建参数（electron_product_name = "YourProductName"）并重新构建。

请记住，不建议这样做，因为设置从源代码编译的环境并非易事，并且需要大量时间。