安装 electron-packager
如果只是测试,则可使用快速运行命令,但是如果要分享你的 app ,则需要对 app 进行打包,隐藏代码并简化运行方式,可以使用 electron-packager 来方便的对 app 打包
安装前首先要确保 node.js 的版本高于 6.0 版本,使用 node -v 命令查看 node.js 的版本号
有了 npm + node.js(6.0+ 版本) + electron 后,开始安装 electron-package
使用 npm 命令安装:
npm install electron-packager -g
打包应用
打包应用有 2 种方式
第一种是直接使用命令+输入必要的信息,第二种是先配置好打包信息再直接使用命令
1.命令方式
在 app 目录下使用 electron-packager 命令:
E:\file\file\electron\helloworld>electron-packager . helloworld win32 x64 --electron-version=5.0.4
你需要在命令参数中指定项目位置(.),项目名称(helloworld),发布平台(win32),架构(x64),以及 electron 的版本号(–electron-version=5.0.4)
2.配置方式
直接将命令和参数保存在 package.json 文件中的 “scripts” 字段中即可
"scripts": {
"start": "electron .",
"packager": "electron-packager . helloworld win32 x64 --electron-version=5.0.4"
},
再执行 npm run-script 命令:
E:\file\file\electron\helloworld>npm run-script packager
run-script 后面跟你 json 文件里命令保存的字段名(我的是 packager)
命令执行后会在 app 目录下生成一个包含可执行文件(.exe)的文件夹,直接运行 .exe 文件即可测试 app 效果
第一个 app 程序就此诞生了!
elecron-packager 命令参数
elecron-packager 是用来打包 electron 应用很方便的工具,使用 elecron-packager 命令即可完成打包,格式为
elecron-packager --参数名1 参数值1 --参数名2 参数值2
常用的命令参数列举如下:
参数名 | 解释 | 参数值 |
---|---|---|
app 所在位置 | 如 . 或 ./app | |
appname | 可执行文件的名字 | 如 helloworld |
platform | 发布平台 | win32, linux, mac 等 |
arch | 架构,不填则默认为你电脑的架构 | x64, ia32 等 |
electron-version | electron 的版本,必填 | |
win32metadata.FileDescription | 软件描述 | |
out | 打包后的程序包所在位置 | 如 ./build |
icon | 运行程序的图标 | 如 ./app.ico |
asar | 是否生成 asar 文件以达到隐藏代码的目的 | 直接写 --asar 或不写,无参数值 |
更多参数参见官方 api 文档 https://electron.org.cn/packager/api.html