【问题标题】:How to Release Electron app for Windows or Mac or Linux system?如何发布适用于 Windows 或 Mac 或 Linux 系统的 Electron 应用程序?
【发布时间】:2017-06-05 20:55:15
【问题描述】:

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

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

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

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

这对我学习 Electron 很有帮助

【问题讨论】:

    标签: windows macos angular desktop-application electron-builder


    【解决方案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的“快速设置指南”部分:

    1. 在应用程序package.json——namedescriptionversionauthor中指定标准字段。

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

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

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

      “开发依赖”:{ “电子”:“1.6.6”, “电子制造商”:“17.1.2” }

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

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

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

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

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

    【讨论】:

    • 这仅适用于 Mac,不适用于 Windows 或 Linux。
    • windows 使用 electron-builder
    【解决方案2】:

    你试过electron-builder吗?

    【讨论】:

    • 我已经阅读了电子构建器和电子包管理器的文档,但可以清楚地理解,所以如果有任何明确的完整文档,请您提供
    猜你喜欢
    • 2018-12-17
    • 2019-05-02
    • 2017-09-10
    • 2017-07-30
    • 1970-01-01
    • 2021-01-23
    • 1970-01-01
    • 2016-11-02
    • 1970-01-01
    相关资源
    最近更新 更多