跳到主要内容

应用程序打包

要使用 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 中后,在分发给用户之前,你可能希望对 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"),然后重新构建。

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