乐趣区

关于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 中的 electronWindows 中的 electron.exe,接着 Electron 就会以应用程序的形式启动。electron 文件夹将被部署并能够分发给最终的使用者。

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

除了通过拷贝所有的资源文件来散发应用程序之外,咱们还能够通过打包应用程序为一个 asar 库文件以防止裸露源代码。

为了应用一个 asar 库文件代替 app 文件夹,咱们须要批改这个库文件的名字为 app.asar,而后将其放到 Electron 的资源文件夹下,而后 Electron 就会试图读取这个库文件并从中启动。

示例:

如下所示,在 WindowsLinux 中:

electron/resources/
└── app.asar

macOS 中则为:

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

应用下载好的二进制文件进行从新定制

在应用 Electron 打包应用程序之后,咱们可能须要在分发给用户之前将 Electron 进行从新定制。

Windows

能够将 electron.exe 改成任意本人喜爱的名字,而后能够应用像 rcedit 编辑它的 icon 和其余信息。

Linux

能够将 electron 重命名为任意本人喜爱的名字,

macOS

咱们能够将 Electron.app 重命名为任意本人喜爱的名字,而后须要将一些文件中的 CFBundleDisplayNameCFBundleIdentifier 以及 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
退出移动版