Electron项目打包

客户端打包全攻略

依赖框架

Electron 一款利用html/css/javascript构建桌面应用的框架，基于node.js/chromium/apis

需要的软件

Node.js 用于安装electron和其他组件下载点击 download 安装完成的验证

// 在控制台的验证 能够正确的输出版本号
> node -v
> npm -v

cnpm 安装 => 虽然node自带npm但是很多情况下都不稳定这里更换为npm

// 使用淘宝镜像
> npm install -g cnpm -registry=https://registry.npm.taobao.org
// 检查安装成功与否
> cnpm -v
// 出现cnpm 是不是内部或者外部命令，不要着急   配置电脑path变量

electron 安装 => 主要使用的框架

// 安装框架
> cnpm install electron -g

electron-packager=> 用于将electron 打包为exe

> cnpm install electron-packager -g

inno setup compiler 用于将exe软件可安装化下载点击 download

使用过程

文件的准备主要用到了package.json 和main.js 将两者放到一个文件夹下例如 app

|- app
|-- package.json
|-- main.js

使用cmd 进入控制台

测试是否可以成功运行

npm start 或者 electron .

尝试打包exe

# 第一种方式 直接运行
electron-packager . myClient --win --out ../myClient --arch=x64 --app-version=0.0.1 --electron-version=2.0.0
# 第二种方式
在package.json中配置package属性 ->已经配置好了 可直接运行
npm run package

遇到的问题

electron-packager打包速度太慢解决方案

解决方案1

在执行electron-packager前先运行set ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

解决方案2

在electron-packager命令行加入参数
--download.mirrorOptions.mirror=https://npm.taobao.org/mirrors/electron/

(Windows x64)完整版如下：
electron-packager . appName --platform=win32 --electron-version=10.0.0 --arch=x64 --download.mirrorOptions.mirror=https://npm.taobao.org/mirrors/electron/ --asar --app-version=0.0.0 --build-version=0.0.0 --out=outName --overwrite --no-package-manager --ignore="(.git)" --icon=logo.ico