如何发布适用于 Windows 或 Mac 或 Linux 系统的 Electron 应用程序？

Posted 2023-03-22

【中文标题】如何发布适用于 Windows 或 Mac 或 Linux 系统的 Electron 应用程序？

【英文标题】：How to Release Electron app for Windows or Mac or Linux system?

【发布时间】：2017-06-05 20:55:15

【问题描述】：

我使用 Angular 2 创建了一个应用程序，并且在使用 ionic 进行了一些修改后创建了 ios 和 apk 文件

我想用同一个项目创建桌面应用文件

我已经浏览了很多有关电子的资源，但我对它没有任何清晰的了解

如何从电子应用程序文件为 Windows 或 Mac 应用程序文件或 Linux 可执行文件创建 exe 文件 如果有人知道有关如何通过 Electorn 创建适用于 windows 或 Mac 或 Linux 的可执行文件的任何明确参考，请在下面回答

这对我学习 Electron 很有帮助

【参考方案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 docs的“快速设置指南”部分：

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

在package.json中指定构建配置如下：

“构建”： "appId": "你的.id", “苹果”： “类别”：“your.app.category.type”

在package.json 处添加electron-builder（文档中缺少步骤！）：

“开发依赖”： “电子”：“1.6.6”， “电子制造商”：“17.1.2”

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

Linux 图标集将根据 macOS icns 文件自动生成。

将scripts key添加到开发package.json:

“脚本”： "pack": "构建 --dir", “dist”：“构建”

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

【讨论】：

这仅适用于 Mac，不适用于 Windows 或 Linux。

windows 使用 electron-builder

【参考方案2】：

你试过electron-builder吗？

【讨论】：

我已经阅读了电子构建器和电子包管理器的文档，但可以清楚地理解，所以如果有任何明确的完整文档，请您提供