windows - 如何为 Windows 或 Mac 或 Linux 系统发布 Electron 应用程序?

标签 windows macos angular desktop-application electron-builder

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

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

我浏览了很多电子资源,但我对 electron 没有任何清晰的认识

我如何从 Windows 或 Mac 应用程序文件或 Linux 可执行文件的电子应用程序文件创建一个 exe 文件 如果有人知道我如何通过 Electorn 为 Windows 或 Mac 或 Linux 创建可执行文件的任何明确引用,请在下面回答

这对我学习Electron会很有帮助

最佳答案

应用分发示例使用来自官方的Electron-quick-start项目electron.atom.io页:


# 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 的“快速设置指南”部分:

  1. 在应用package.json中指定标准字段——name, description, version作者

  2. package.json中指定构建配置如下:

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

  3. package.json 中添加 electron-builder(文档中缺少这一步!):

    “开发依赖”:{ “电子”:“1.6.6”, “电子 build 者”:“17.1.2”

  4. 在项目根目录下创建一个目录build并保存一个background.png(macOS DMG背景),icon.icns(macOS应用图标)和 icon.ico(Windows 应用程序图标)。

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

  5. 将脚本 key 添加到开发package.json:

    “脚本”:{ “打包”:“构建——目录”, “分布”:“构建”

然后您可以在根应用程序文件夹中运行 npm run dist(以可分发格式打包(例如 dmg、windows 安装程序、deb 包))。 完成后,您可以看到在app/dist 文件夹中有一个合适的安装程序!

关于windows - 如何为 Windows 或 Mac 或 Linux 系统发布 Electron 应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41770923/

相关文章:

c# - 无法加载文件或程序集“System.Management.Automation,版本 = 3.0.0.0

c++ - 在 UWP 中用于拆分的抓取器

java - 当我在 Windows cmd 中按下 BackSpace 按钮时,Jshell 崩溃

php - 在 sql 中导入更大的数据库 [Xampp] - MAC OS

macos - 在 NSPasteboard 中用第二个最新项目替换最新项目

angular - 如何像 Angular 2 中的 React 的 this.props.children 一样获取子组件?

windows - 使用 ARR 并更改端口

objective-c - 崩溃日志中的 "Application Specific Backtrace"是什么?

javascript - Angular:@Output() x: EventEmitter 和 @Input() 回调之间的权衡是什么?

angular - 获取 Angular2 应用程序组件的初始调整窗口大小