跳转到主要内容

应用程序打包

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

使用工具​

有一些工具可以用来打包和分发你的 Electron 应用。我们推荐使用 Electron Forge。你可以直接查看它的 文档，或者参考 Electron 教程的 打包和分发 部分。

手动打包​

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

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

使用预构建的二进制文件​

要手动分发你的应用，你需要下载 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 后，在分发给用户之前，你希望对 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 来重塑 Electron。为此，你需要在 args.gn 文件中设置与产品名称对应的构建参数 (electron_product_name = "YourProductName") 并重新构建。

请记住，不建议这样做，因为设置编译源代码的环境并不简单，并且需要花费大量时间。