electron nsis 打包exe安装

使用electron nsis对electron打包的应用

一. 准备

        1.下载NSIS软件,安装

        NSIS中文版下载地址:https://pan.baidu.com/s/1mitSQU0

         2.安装

        asar (参考官方文档https://www.w3cschool.cn/electronmanual/cexo1qkn.html)

        npm install -g asar


二. 打包 

        1、在electron项目的根目录执行命令,生成asar包

        asar pack ./index.html app.asar

        electron nsis 打包exe安装_第1张图片

        2、将生成的asar包放到electron项打包并分发的文件夹的resources目录下

        electron nsis 打包exe安装_第2张图片

        3、打开NSIS

        1)、选择》文件》新建脚本:向导

        2)、下一步

        electron nsis 打包exe安装_第3张图片

        3)、设置应用名称,版本号,网址,应用标志(可选择自定义后留空)

        electron nsis 打包exe安装_第4张图片

        4)、设置安装程序图标(图标必须是ico格式),名称,语言(SimpChinese),界面,然后下一步

        electron nsis 打包exe安装_第5张图片

        5)、直接下一步

        electron nsis 打包exe安装_第6张图片

        6)、选择应用目录及授权信息

        注意:没有授权文件一定要勾掉允许用户更改图标及删掉授权文件,要不然后面运行的时候会报错

        electron nsis 打包exe安装_第7张图片

        7)、应用文件配置

        先把默认的两个文件删除,然后选择分发生成的exe文件,及分发的文件根目录

        注意:选择目录的时候一定要勾上选择子目录

        electron nsis 打包exe安装_第8张图片

        electron nsis 打包exe安装_第9张图片

        electron nsis 打包exe安装_第10张图片

        8)、可修改开始菜单名称,直接下一步

        electron nsis 打包exe安装_第11张图片

        9)、可设置安装成功后启动的程序,默认就是打包后的启动程序,直接下一步

        electron nsis 打包exe安装_第12张图片

        10)、设置卸载时界面的提示信息,直接下一步

        electron nsis 打包exe安装_第13张图片

        11)、设置完毕,提示是否保存脚本(建议保存,下次编译时可直接使用)

        electron nsis 打包exe安装_第14张图片

        12)、打开脚本文件,开始编译及运行

        electron nsis 打包exe安装_第15张图片

注意:安装了360的电脑,编译及安装的一定要关掉,要不然会遗漏文件,即便打包好也有可能打包少内容,安装的时候会被删除文件导致失败!!!!

        

你可能感兴趣的:(html应用,html)