更改NISI打包的安装程序的安装界面

本文介绍了如何更改NISI打包的安装程序界面,使其更显专业。通过替换图标和安装引导程序的图片,可以提升应用程序的视觉效果。在修改过程中,需要注意预定义常量的定义位置以及图片路径的正确设置,确保程序能正确找到资源文件。参考了多篇NSIS打包的相关教程和解决路径错误的方法。
摘要由CSDN通过智能技术生成

首先推荐一份NISI的系列教程:
https://www.cnblogs.com/zzllily/category/822621.html

为了使得自己的应用程序看起来更加专业,在使用NISI生成windows安装客户端的时候可以对图标和安装引导程序的左侧/头部图片进行更换,不使用系统自动生成的。
从网上搜索到资料如下:

; MUI 预定义常量
!define MUI_ABORTWARNING
;修改图标
!define MUI_ICON "${NSISDIR}\Contrib\Graphics\Icons\orange-install.ico"
!define MUI_UNICON "${NSISDIR}\Contrib\Graphics\Icons\orange-uninstall.ico"
;修改左侧图片
!define MUI_WELCOMEFINISHPAGE_BITMAP "${NSISDIR}\Contrib\Graphics\Wizard\orange.bmp"
!define MUI_UNWELCOMEFINISHPAGE_BITMAP "${NSISDIR}\Contrib\Graphics\Wizard\orange-uninstall.bmp"
;修改Head图片
!define MUI_HEADERIMAGE
!define MUI_HEADERIMAGE_BITMAP "${NSISDIR}\Contrib\Graphics\Header\orange.bmp"
!define MUI_HEADERIMAGE_UNBITMAP "${NSISDIR}\Contrib\Graphics\Header\orange-uninstall.bmp"
;修改标题
!define MUI_WELCOMEPAGE_TITLE "\r\n 校园一卡通中心平台 
要自定义Electron应用程序的安装界面,您需要使用一个名为`electron-winstaller`的第三方模块。该模块允许您创建自定义安装程序,其中包括可执行文件、图标、许可协议和其他必需的文件。 以下是一些简单的步骤来使用`electron-winstaller`来创建自定义安装程序: 1. 首先,您需要在Electron应用程序中使用`electron-winstaller`模块。您可以使用npm进行安装: ``` npm install electron-winstaller --save-dev ``` 2. 在Electron应用程序的主进程中,您需要添加以下代码: ```javascript const { app } = require('electron'); const { createWindowsInstaller } = require('electron-winstaller'); app.on('ready', async () => { const result = await createWindowsInstaller({ appDirectory: '/path/to/your/app', outputDirectory: '/path/to/output', authors: 'Your Name', exe: 'yourapp.exe', noMsi: true, setupExe: 'YourAppInstaller.exe', setupIcon: '/path/to/your/icon.ico' }); }); ``` 在这个例子中,您需要将`/path/to/your/app`替换为您的应用程序目录的路径,并将`yourapp.exe`替换为您的应用程序的可执行文件。您还可以添加其他属性来自定义安装程序的外观和行为。 3. 一旦您完成了代码的编写,您可以使用以下命令来生成自定义安装程序: ``` electron-winstaller . --config=config.json ``` 在这个例子中,您需要将`config.json`替换为您的配置文件的名称,其中包含您的自定义安装程序选项。 请注意,这只是一个简单的例子,您可以添加许多其他选项和属性来自定义安装程序。有关更多信息,请查看`electron-winstaller`模块的文档。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值