如何使用CLI构建(发布)Electron应用程序的发行版(发布)

本文概述

  • 要求
  • 打包应用程序以进行部署
  • 适用于所有平台
多亏了Electron, 创建桌面应用程序从未如此简单。现在, 你可能已经准备好应用程序的设计, 准备和调试, 因此你只需要创建自己的第一个发行版, 但是对执行该操作有任何想法吗?不用担心!在本文中, 我们将学习如何使用Electron打包程序模块为不同平台(Windows, Mac, Linux)和所有体系结构(x32, x64)创建你的Electron应用程序发行版。
已知Electron Packager可在以下主机平台上运行:
  • Windows(32/64位)
  • OS X
  • Linux(x86 / x86_64)
它为以下目标平台生成可执行文件/捆绑软件:
  • Windows(对于32/64位, 也称为Win32)
  • OS X(也称为darwin)/ Mac App Store(也称为mas)*
  • Linux(用于x86, x86_64和armv7l体系结构)
*注意OS X / MAS目标捆绑包:仅当在主机OS X平台上构建时, 才能对.app捆绑包进行签名。
Electron Packager是一个命令行工具和Node.js库, 它将基于Electron的应用程序源代码与重命名的Electron可执行文件和支持文件捆绑在一起, 准备分发。请注意, 打包的Electron应用程序可能相对较大(40-60 MB)。
要求 如前所述, 为了构建和打包你的应用程序, 我们需要Electron打包程序模块。在本文中, 你将学习如何从命令行打包应用程序(如果要使用Javascript打包应用程序, 则需要下载该模块的其他版本, 如果是这种情况, 请参阅官方而是使用该模块的文档), 因此请在Node.js命令提示符下使用以下命令下载软件包:
npm install electron-packager -g

此命令将在你的Node控制台中全局安装Electron包装程序, 因此你可以从任何地方构建应用程序。
打包应用程序以进行部署 我们假设你已经在项目中工作过, 并且只想为每个平台创建一个发行版。在我们的例子中, 我们已经有一个带有基本模板的应用程序, 该模板显示Node和Electron版本:
如何使用CLI构建(发布)Electron应用程序的发行版(发布)

文章图片
在打包之前, 你需要知道建议在其各自平台上构建每个平台, 即在以Windows为操作系统的桌面中构建应用的Windows版本。尽管可以为某些平台构建其他平台, 即可以在Windows计算机上构建Linux和Windows版本, 但是你将无法在Windows平台上创建Mac应用程序, 因此你需要在Mac环境中构建它。
基本上, 要为平台构建应用程序, 你需要在Node.js命令提示符下执行以下命令(提供必需的信息):
electron-packager < sourcedir> < appname> --platform=< platform> --arch=< arch> [optional flags...]

请注意, 如果省略了appname参数, 它将使用package.json文件中” productName” 或” name” 指定的名称, 以及命令中其他未指定的属性。
现在, 在此示例中, 我们的应用程序(我们的代码世界)位于C:\ electron-projects \ our-code-world中, 要构建你的应用程序, 你可以在命令中提供路径作为参数, 也可以直接导航到项目所在的路径, 并在其中执行命令。
platform选项的可能值为:
  • Windows:win32
  • MacOS:darwin或mas
  • Linux:Linux
并且arch选项的可能值为:
  • 32位操作系统:x86
  • 64位操作系统:x64
  • armv7l(仅适用于Linux)
建立特定平台
要从任何地方使用Electron打包程序打包应用程序, 请在以下命令中提供绝对路径作为第二个参数, 然后提供平台和体系结构。如果需要, 可以省略– platform, – arch和应用程序名称
electron-packager c:\electron-projects\our-code-world --platform=win32 --arch=x86 OurCodeWorld

如果你已经通过控制台位于项目的文件夹中, 则将路径替换为点号(。)以使用当前路径:
electron-packager . --platform=win32 --arch=x86 OurCodeWorld

前面的两个命令都将在x86和x64体系结构中构建应用程序的分发。在你的项目中, 将使用命令, 平台名称和体系结构中的给定名称专门创建2个不同的文件夹, 每个文件夹都将包含在上述平台上运行你的应用程序所需的文件和文件夹。
如何使用CLI构建(发布)Electron应用程序的发行版(发布)

文章图片
你就可以使用你的应用程序来做自己想做的事情。
适用于所有平台 你可以使用命令中的– all参数自动为所有平台构建分发, 而不是手动指定每个平台和体系结构。
electron-packager . --all

请注意, 该命令将仅构建可用于其平台的平台(即在Windows环境中, electron-packager只能针对Linux和Windows构建)。
electronic-packager将使用先前的命令执行以下操作:
  • 使用当前目录作为sourcedir
  • 从package.json中的productName推断应用名称
  • 从package.json中的版本推断应用程序版本
  • 使用已安装的electron或electron-prebuilt版本下载所有受支持的目标平台和Electron拱门(并将下载内容缓存在?/ .electron中)
  • 对于darwin构建, 例如:
    • 构建OS X Foo Bar.app
    • 将Foo Bar.app放在foobar / Foo Bar-darwin-x64 /中(由于未指定out目录, 因此使用了当前工作目录)
在Windows中执行以下命令:
如何使用CLI构建(发布)Electron应用程序的发行版(发布)

文章图片
应该在项目的文件夹中创建以下发行版:
如何使用CLI构建(发布)Electron应用程序的发行版(发布)

文章图片
生成的文件夹可以由运行其指定平台的系统执行。如你所见, 要构建适用于Mac的应用程序, 你将需要在Mac环境中工作, 就像在Windows中那样。
【如何使用CLI构建(发布)Electron应用程序的发行版(发布)】玩得开心 !

    推荐阅读