Electron 应用部署

Posted 2021-09-13 知否

本节我们学习 Electron 的应用部署。如果我们要使用 Electron 部署我们的应用程序，则需要进行打包和重塑。可以使用下面几个第三方打包工具来实现：

• electron-forge
• electron-builder
• electron-packager

这些打包工具将覆盖发布一个 Electron 应用所需采取的所有步骤，例如打包应用程序，重组可执行程序，设置图标和可配置的创建安装程序。

手动发布

我们可以选择手动发布我们的 app，为了使用 Electron 部署你的应用程序，需要下载 Electron 的 prebuilt binaries 。然后存放应用程序的文件夹需要叫做 app ，并且需要放在 Electorn 的资源文件夹 Resources 下。注意，Electron 的预制二进制文件的位置用 electron/表示。

示例：

Linux 和 Windows 中的目录结构如下所示：

electron/resources/app
├── package.json
├── main.js
└── index.html

在 macOS 中的目录结构如下所示：

electron/Electron.app/Contents/Resources/app/
├── package.json
├── main.js
└── index.html

然后运行 Electron.app，或者 Linux 中的 electron，Windows 中的 electron.exe，接着 Electron 就会以应用程序的方式启动。electron 文件夹将被部署并可以分发给最终的使用者。

将应用程序打包成一个文件

除了通过拷贝所有的资源文件来分发应用程序之外，我们还可以通过打包应用程序为一个 asar 库文件以避免暴露源代码。

为了使用一个 asar 库文件代替 app 文件夹，我们需要修改这个库文件的名字为 app.asar ，然后将其放到 Electron 的资源文件夹下，然后 Electron 就会试图读取这个库文件并从中启动。

示例：

如下所示，在 Windows 和 Linux 中：

electron/resources/
└── app.asar

在 macOS 中则为：

electron/Electron.app/Contents/Resources/
└── app.asar

使用下载好的二进制文件进行重新定制

在使用 Electron 打包应用程序之后，我们可能需要在分发给用户之前将 Electron 进行重新定制。

Windows

可以将 electron.exe 改成任意自己喜欢的名字，然后可以使用像 rcedit 编辑它的 icon 和其他信息。

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