Electron 应用部署
Electron 应用部署
本节我们学习 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