利用 electron 和 nsis 将前端项目打包成可安装的桌面应用

打包为可安装的桌面应用

打包需要下载安装 nisi 和 nis edit 两个软件，下载地址如下：安装按默认设置安装即可。

 

nsis下载地址：https://pan.baidu.com/s/1mitSQU0

 

安装好上述软件后，首先打开 nis软件，依次点击菜单栏【文件】→【新建脚本:向导】。

 

 

 

 

单击【下一步】按钮：

 

 

 

 

 

接着，修改应用程序的名称、版本等（这里可根据喜好修改即可），若不修改则直接点击【下一步】按钮即可。

 

 

 

 

 

向右划拉语言框的滚动条，取消选中默认的【English】选项，然后选中下图中的【SimpChinese】选项，其他设置这里不做修改，点击【下一步】按钮。

 

 

 

 

 

 

此时，新建一个 txt 格式的授权文件，内容自定义即可，这里给个示例。

 

Copyright (c) Electron contributors
Copyright (c) 2013-2022 GitHub Inc.

任何人在此免费获得许可。本软件和相关文档文件的副本，不受限制地经营软件，包括但不限于使用、复制、修改、合并、发布。

 

记得保存的时候选择 UTF-8 BOM 编码，否则软件打开时会出现中文乱码。

 

 

 

 

 

我们将上述授权文件放至打包的桌面程序目录下，然后如下图所示，将这里修改为授权文件所在位置。

 

注：这里记得选中【允许用户更改应用程序目录】，则在安装时可以修改安装位置，若不勾选，则直接默认安装在 C:\Program Files (x86) 目录下。

 

 

 

 

分别选中原有的两个选项，点击上部删除按钮删除即可。

 

 

 

 

然后按下图所示步骤添加打包的 .exe 程序所在的目录，其他设置默认即可。

 

 

 

 

后续的几个窗口不做修改直接点击【下一步】即可，如下图，选中前两项，最后点击【完成】按钮即可。

 

注：这里也可以选中第三个复选框【编辑脚本】项，这样在脚本保存后会自动开始编译，这里我们不勾选，后面手动操作。

 

 

 

 

点击完成后会弹出一个脚本保存的对话框，命名随意，保存即可（例如我们可以将其保存至桌面，因为最终编译生成的安装包会和该脚本文件位于同一目录）。

 

 

 

 

然后在【窗口列表】中右击我们保存的脚本，点击【编译脚本】即可开始执行脚本。

 

注：这里也可以选择【编译并运行】，则编译生成安装包之后会自动运行安装包。

 

 

 

 

 

然后稍等几分钟，待软件的命令行窗口下方给出如下提示，然后若脚本所在的目录也已生成安装包，则表明安装包编译成功。

 

 

 

 

至此，所有操作已完成，这时，我们便可以双击安装包进行安装了，界面如下（后续步骤略）。

 

 

 

 

安装完成后打开控制面板会看到安装程序，不想要了卸载即可。