electron+inno实现桌面应用制作成安装包

上一篇文章讲的的是如何使用election把vue项目打包成exe桌面应用,但是不方便使用,给客户交付也显得并不正式,所以做成了打包文件,其中也是遇、到了很多坑,包括用build方法等,但是我想说哪些自己都不测试发帖出来的人是单亲家庭吗?

当时查了很多方法,最后觉得InnoSetup软件生成是最方便的,记录一下
不是唯一答案,仅作参考

Inno Setup打安装包

1.软件下载地址: 点击前往官方
汉化包下载地址: 点击前往官方
应用商店搜索 Inno Setup
2、傻子安装打开后点击右上角 file->new,新建脚本
在这里插入图片描述
3、填写应用程序信息,黑体为必填项

Application name: 应用名称;

Application version:应用版本;

Application publisher:发行单位(可选);

Application websiter:应用程序网址(可选);
在这里插入图片描述
4.完善应用文件信息

Application destination base folder:应用程序目标基本文件夹,可默认也可自定义;

Application folder name:应用文件夹名称;

Allow user to change the application folder:勾选,允许用户自定义安装位置;
在这里插入图片描述
5.指定属于应用程序的文件

Application main executable file:应用程序主执行文件,electron打包生成的.exe文件;

Allow user to start the application after Setup has finished:允许用户在安装完成后启动应用程序;

Add folders:添加应用程序文件,选择第8步中打包出的文件根目录即可,要把所有.dll文件及其他配置文件都包含进去;
在这里插入图片描述
点击添加之后可以看到:
在这里插入图片描述
文件目录以自己的实际情况为准
6.指定应用程序的快捷方式,勾选默认的两项即可,即“创建主执行程序的快捷方式到公共开始菜单程序文件夹”、“允许用户创建桌面快捷方式”
在这里插入图片描述
7.指定安装期间要显示的文档文件(不是必填,有就填)

License file:许可文件;

Information file shown before installation:安装之前显示信息文件;

Information file shown after installation:安装之后显示信息文件;
在这里插入图片描述
8.指定应包括的安装语言(汉化版的有简体中文选项),选择之后点击下一步
在这里插入图片描述
9.指定基本编译设置

Custom compiler output folder:自定义编译器输出文件夹,即最终编译出的安装包要放哪个位置;

Compiler output base file name:编辑器输出基本文件名,即安装包名称;

Custom Setup icon file:自定义安装程序图标文件;

Setup password:安装密码;
在这里插入图片描述
剩下的就是一路确定了,会询问你在编译之前要不要保存你的脚本(上面的配置步骤,最终会生成一个编译脚本文件),点击保存,先不要编译,打开脚本文件,新增配置项,修改注册表,设置开机自启动:
在这里插入图片描述

Root: HKLM; Subkey: "SOFTWARE\Microsoft\Windows\CurrentVersion\Run"; ValueType: string; ValueName: "testrun"; ValueData: "{app}\{#MyAppExeName}"

如果文件太大会报错,修改一下打包大小限制:

Diskspanning=yes
DiskSliceSize=2000000000

一共修改两个地方
在这里插入图片描述

然后,执行编译文件:build->compile
在这里插入图片描述

在这里插入图片描述
好啦,vue+electron+InnoSetup所有步骤已经完成了,
接下来准备更新一下怎么监听通讯,实现图标闪动及消息弹屏,又是填坑的一天

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值