记录h5 使用electron打包兼容win7系统

背景：
需uni-app h5页面打包为exe部署在win7系统
vue版本：3

前置条件

1. win7 最高支持13.14.0，可通过nvm 进行切换
2. electron采用合适的版本

"devDependencies": {
    "electron": "12.2.3", // 项目启用
    "electron-builder": "20.38.2" // 项目打包
  },

简单教程

步骤1

在用户信息添加配置（无需解压）

C:\Users\Default\AppData\Local\electron\Cache

资源下载：

通过百度网盘分享的文件：electron-v12.2.3-win32-ia32.zip 链接：pan.baidu.com/s/1It4a-zxl… 提取码：tggr

通过百度网盘分享的文件：electron-v12.2.3-win32-x64.zip 链接：pan.baidu.com/s/1LyJ-A9AA… 提取码：tggr

在用户信息添加配置（需要解压）

C:\Users\Default\AppData\Local\electron-builder\Cache

【超级会员V2】通过百度网盘分享的文件：winCodeSign.zip 链接：pan.baidu.com/s/1zRHqWztN… 提取码：ca3g

【超级会员V2】通过百度网盘分享的文件：nsis.zip 链接：pan.baidu.com/s/10mvYGMUn… 提取码：ca3g

步骤2

npm install 下载成功

npm run build 即可打包成功

详细配置

开始

配置

1. package.json 文件(默认win64)

{
  "name": "xxx-app",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "build": "electron-builder -w -c.win.verifyUpdateCodeSignature=false", // win64
    "build32": "electron-builder --ia32" // win32
  },
  "build": {
    "mac": {
      "target": [
        "dmg"
      ]
    },
    "win": {
      "target": [
        "nsis"
      ]
    }
  },
  "devDependencies": {
    "electron": "12.2.3",
    "electron-builder": "20.38.2"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

项目搭建

官方创建程序教程

.npmrc配置

根目录新建.npmrc

ELECTRON_MIRROR="https://npmmirror.com/mirrors/electron/"
ELECTRON_BUILDER_BINARIES_MIRROR="http://npm.taobao.org/mirrors/electron-builder-binaries/"

打包

npm run build

报错信息：

⨯ Get github.com/electron-us…: proxyconnect tcp: dial tcp :0: connectex: The requested address is not valid in its context.

下载失败，需要进行下载放在用户地址下的缓存目录

再次下载，报错

⨯ Get github.com/electron-us…: proxyconnect tcp: dial tcp :0: connectex: The requested address is not valid in its context.，

手动下载后，存放位置，看目录

再次下载，缺失依赖

手动下载后，存放位置，看目录

如果需要打包win32，下载包存放位置