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 就会试图读取这个库文件并从中启动。

示例:

如下所示,在 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

 

发布于 2021-05-17 20:26

posted on 2022-05-11 10:04  漫思  阅读(50)  评论(0编辑  收藏  举报

导航