跳到主要内容

应用打包

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

使用工具

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

手动打包

如果您偏好手动方法,则有两种方式分发您的应用程序

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

使用预构建的二进制文件

要手动分发您的应用,您需要下载 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 重命名为您想要的任何名称,并且您还必须重命名以下文件中的 CFBundleDisplayNameCFBundleIdentifierCFBundleName 字段

    • 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") 并重新构建。

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