NSIS 打包 Electron 生成exe安装包

exe安装程序

通过electron-packager打出来的包是一个目录文件,并不适合分发给第三方应用和用户.

electron如何构建一个单一的exe安装程序呢?

使用NSIS构建即可

NSIS安装

NSIS汉化地址:https://file.smallzhiyun.com/NSIS_v251_Build_20160601+-+NSISFANS.zip

360等杀毒软件可能会报木马,建议放在虚拟机中尝试,或者关掉杀毒软件即可(该软件来源第三方)

.asar打包

文档地址:https://electronjs.org/docs/tutorial/application-packaging

在项目根目录下使用asar打包,执行以下命令

asar pack ./index.html app.asar

把生成的asar文件放在notes-win32-x64\resources的文件夹下

此处的asar文件默认名为app.asar,我这里改为了note.asar(因为名称可能跟后面的构建体积有关系)

➢ 打开NSIS

建议右键以管理员身份打开,不然构建时会报错,打开后选择如下

选择下一步

应用名称改为自己的,这里与上面的note.asar对应,点击下一步(也可以不做修改,随意)

框中的地方一直即可,其他默认

默认,下一步

协议没有可以不填,留空即可,其他默认或者勾选,然后下一步

删除默认的两个选项

选中之前打包的exe文件

继续选择,选择为打包后的整个文件夹

默认,下一步

默认,下一步

下一步

保存脚本

保存到桌面(位置随意)

打开刚刚的脚本,点击编译即可

打包好的exe文件

建议右键属性查看一下体积,如果体积为几百M,并且安装后为几个G,那么就得好好考虑下上面修改名称的问题

现在打包的为44M,安装目录需要150M的空间,还算正常,其他的正常安装测试即可

GIF演示