如何为Windows、Mac或Linux系统发布Electron应用程序？

Question

我使用Angular 2创建了一个App，并在使用Ionic进行一些修改后创建了ios和apk文件。

我想创建与同一项目相同的桌面应用程序文件。

我浏览了很多有关Electron的资源，但没有得到清晰的想法。

如何从Electron应用文件中创建Windows或Mac应用文件或Linux可执行文件并没有给出明确的参考资料。如果有人知道关于如何通过Electron创建Windows、Mac或Linux可执行文件的清晰参考资料，请在下面回答。

这对我学习Electron非常有帮助。

- MD Sazid Hasan Dip

Answer 1

使用官方electron.atom.io页面的Electron-quick-start项目作为应用发行示例：

---

# Clone the Quick Start repository
$ git clone https://github.com/electron/electron-quick-start

# Go into the repository
$ cd electron-quick-start

# Install the dependencies and run
$ npm install && npm start

---

为了应用程序分发，我们将使用Electron-builder：这是一个完整的解决方案，用于打包和构建适用于macOS、Windows和Linux的Electron应用程序，并提供“自动更新”支持。

来自electron-builder文档中的“快速设置指南”部分：

1. 在应用程序的 package.json 中指定标准字段——name、description、version 和 author。

2. 按照以下方式在 package.json 中指定构建配置:

   "build": { "appId": "your.id", "mac": { "category": "your.app.category.type" } }

3. 在 package.json 中添加 electron-builder （文档中缺少的步骤!）:

   "devDependencies": { "electron": "1.6.6", "electron-builder": "17.1.2" }

4. 在项目根目录创建一个名为 build 的目录，并将 background.png（macOS DMG 背景）、icon.icns（macOS 应用程序图标）和 icon.ico（Windows 应用程序图标）保存到其中。

   Linux 图标集将基于 macOS 的 icns 文件自动生成。

5. 将脚本键添加到开发的 package.json 中:

   "scripts": { "pack": "build --dir", "dist": "build" }

然后您可以在根应用程序文件夹中运行npm run dist（以可分发格式打包，例如dmg、Windows安装程序、deb安装包）。 完成后，您会看到适当的安装程序位于app/dist文件夹中！

- oikonomopo

---

这只能在Mac上构建，不能在Windows或Linux上构建。 - user1480135

针对Windows平台，请使用Electron Builder。 - MAjidH1

Answer 2

你尝试过electron-builder吗？

- develar

---

我已经阅读了electron-builder和electron package manager的文档，但是并没有完全理解。如果有任何关于如何做到这一点的清晰完整文档，您能否提供一下？ - MD Sazid Hasan Dip