Electron-builder打包安装包——编译篇

neo_尼欧2024-03-06 11:25

突然有一天想打包个桌面程序，没有打包过，经过九牛二虎之力终于打包出来，在此感谢那些热于分享的前辈！

本篇只讲打包运行和出现的问题

一、准备工作：提前下载相关资源包，否则在国内环境下可能因为网络问题报错

报错原因：

electron在打包过程中需要访问github的镜像依赖，在大多数情况下由于网络问题都会报错，尤其是在离线环境下，还有报401,404错误等

1.electron安装包，electron-builder相关安装包：winCodeSign、nsis

2.electron下载网页：传送门

3.nsis下载网页：传送门

二、资源包放置位置

electron放置：

nsis 放置位置：需要新建二个文件夹如下

nsis文件夹下目录：nsis-3.0.4.1，nsis-resources-3.4.1压缩包，在当前文件夹下解压到同名文件夹下

winCodeSign文件夹下目录：winCodeSign-2.6.0压缩包，在当前文件夹下解压到同名文件夹下

最后再次执行打包命令，成功！！！

typescript 复制代码

PS E:\Electron> npm run dist
> electron-builder --win --x64

  • electron-builder  version=24.13.3 os=10.0.22631
  • loaded configuration  file=package.json ("build" field)
  • writing effective config  file=build\builder-effective-config.yaml
  • packaging       platform=win32 arch=x64 electron=29.1.0 appOutDir=build\win-unpacked
  • building        target=nsis file=build\ElectronTest Setup 1.0.0.exe archs=x64 oneClick=true perMachine=false
  • building block map  blockMapFile=build\ElectronTest Setup 1.0.0.exe.blockmap
PS E:\Electron>

附上练习Demo
简单Demo