本节咱们学习 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