最近在公司使用Electron的时间比较多,难免遇到了很多奇奇怪怪的BUG,最难受的就是使用Electron Forge去打包了,这竟然还是官方默认教小白打包的方式,实在不理解。

为什么使用Electron-builder

这个我现在也只是刚刚开始学,以我现在的理解就是快,非常快!而且对小白更友好,一开始我也是使用的Electron Forge打包,但是这个包和配置文件复制的时候经常被墙,导致下载失败,打包是很方便,就是刚刚开始配置的时候要疯。

有的人可能就会说那是你没切换镜像源的问题,网上也很多人是这么解答的,但实际情况是,无论是淘宝镜像还是腾讯,都无法下载,我的猜测是这个配置文件根本就不是个包管理,只能通过自己加速下载下来保存到你项目目录下解决,只是这一点我并没有尝试,如果只是项目目录还好说,就是不知道会不会在某C盘目录保存一些缓存配置。

Electron-builder为什么就更适合小白呢,一开始的配置也很多,并且也涉及很多网络上被墙的问题,但是这个我倒是在网上找到了解决办法,可以通过国内加速下载好文件放在本地缓存里,这样子就不会走网络下载了,一次配置解决所有。

开始安装

electron-v26.2.1-win32-x64 – 不需要解压

建议用cnpm安装electron和其他包,在国内速度可以说是最快的了,当然cnpm有弊端,他不会主动去下载包里面的其他依赖,这时候你得自己到这个包的路径使用npm i,最好还是切换回taobao镜像,这些建议自己摸索一遍就会了,相比这下载速度来说,并不麻烦,而且下载完成的包非常简洁!

其他配置参考

沉浸式解决Electron-builder打包环境配置的问题

错误: 远程主机强制关闭了现有的连接

// https://github.com/electron/electron/releases/download/v26.2.1/electron-v26.2.1-win32-x64.zip

这里报错就是因为github下载太慢或者直接拒绝了,解决办法也很简单,下载个迅雷(良心,免费加速),或者其它能加速下载的软件即可,我们直接下载到本地,然后保存到electron的缓存中就好,文件路径参考下方,记住,这个不需要解压。

// C:\Users\Administrator\AppData\Local\electron\Cache

将文件放入该目录之后重新使用打包命令,如果还报其他错误,基本都是远程主机强制关闭了现有的连接的问题了,和这次操作一样即可,没报错就说明你都安装成功了,有些时候网络好的情况下是会安装成功的。

沉浸式解决Electron-builder打包环境配置的问题

这速度真的是不吹不黑,我这是没登陆,也没领取试用的情况。

winCodeSign与nsis – 需要解压

剩下的都是Electron-builder的缓存路径了

// C:\Users\Administrator\AppData\Local\electron-builder\Cache\winCodeSign

// C:\Users\Administrator\AppData\Local\electron-builder\Cache\nsis

参考图

沉浸式解决Electron-builder打包环境配置的问题

沉浸式解决Electron-builder打包环境配置的问题

可以看到都是需要解压缩到当前文件夹下的。

最后

基本上按照上面的安装完成打包就没什么问题了,当然,打包的时候有概率失败,因为win系统的安全中心可能会限制脚本,这时候你可以选择重新打包几次,如果还有这个问题,那就建议你打包的时候关掉安全中心,主要还是经验啦,多踩几次坑印象会深很多,就像cnpm很强,但也有一些小坑,不踩都不知道。