Electron项目中的NSIS配置项

原创 已于 2024-12-03 22:23:18 修改 · 3.4k 阅读 · 12 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#electron #javascript #前端

于 2022-07-14 14:12:06 首次发布
本文主要介绍了Electron项目中使用NSIS进行打包时的一些常见配置项，帮助开发者更好地理解和配置其项目打包过程。
常用配置项
nsis: {
	"oneClick": false, // 创建一键安装程序还是辅助安装程序（默认是一键安装）
    "allowElevation": true, // 是否允许请求提升，如果为false，则用户必须使用提升的权限重新启动安装程序 （仅作用于辅助安装程序）
    "allowToChangeInstallationDirectory": true, // 是否允许修改安装目录 （仅作用于辅助安装程序）
    "installerIcon": "public/timg.ico",// 安装程序图标的路径
    "uninstallerIcon": "public/timg.ico",// 卸载程序图标的路径
    "installerHeader": "public/timg.ico", // 安装时头部图片路径（仅作用于辅助安装程序）
    "installerHeaderIcon": "public/timg.ico", // 安装时标题图标（进度条上方）的路径（仅作用于一键安装程序）
    "installerSidebar": "public/installerSiddebar.bmp", // 安装完毕界面图片的路径，图片后缀.bmp，尺寸164*314 （仅作用于辅助安装程序）
    "uninstallerSidebar": "public/uninstallerSiddebar.bmp", // 开始卸载界面图片的路径，图片后缀.bmp，尺寸164*314 （仅作用于辅助安装程序）
    "uninstallDisplayName": "${productName}${version}", // 控制面板中的卸载程序显示名称
    "createDesktopShortcut": true, // 是否创建桌面快捷方式
    "createStartMenuShortcut": true,// 是否创建开始菜单快捷方式
    "shortcutName": "SHom", // 用于快捷方式的名称，默认为应用程序名称
    "include": "script/installer.nsi",  // NSIS包含定制安装程序脚本的路径，安装过程中自行调用  (可用于写入注册表 开机自启动等操作)
    "script": "script/installer.nsi",  // 用于自定义安装程序的NSIS脚本的路径
    "deleteAppDataOnUninstall": false, // 是否在卸载时删除应用程序数据（仅作用于一键安装程序）
    "runAfterFinish": true,  // 完成后是否运行已安装的应用程序（对于辅助安装程序，应删除相应的复选框）
    "menuCategory": false, // 是否为开始菜单快捷方式和程序文件目录创建子菜单，如果为true，则使用公司名称
}

更多配置请移步官方

electron 的nsis配置
读心悦
07-17 1412
如果你需要更复杂的安装逻辑，比如在安装过程中运行特定脚本、修改注册表项或检查系统条件，你可以编写一个自定义的NSIS脚本（如），并在中通过include字段引用它。自定义NSIS脚本通常使用NSIS脚本语言编写，该语言提供了丰富的函数和宏来定义安装过程的各个方面。例如，你可以使用函数来创建快捷方式，使用来写入注册表项，或者使用File指令来复制文件到安装目录。
windows下安装包制作软件：NSIS的使用方法（以electron为例）
zhichaosong的博客
05-22 7850
NSIS (Nullsoft Scriptable Install System) 是一个专业开源的制作 windows 安装程序的工具。它提供了安装、卸载、系统设置、文件解压缩等功能。这如其名字所指出的那样，NSIS 是通过它的脚本语言来描述安装程序的行为和逻辑的。NSIS 的脚本语言和通常的编程语言有类似的结构和语法，但它是为安装程序这类应用所设计的。下面以 Electron 程序安装包的制作为例，介绍NSIS的用法。 文章目录一、安装 NSIS二、编辑脚本2.1 准备安装包2.2 新建脚本2.3 .
【打包】2、windows下安装包EXE制作软件：NSIS的使用方法（以electron为例）
坚持学习永不言弃
08-04 2190
NSIS
记录对NSIS的一些微调 实现Electron安装包美化
weixin_45062076的博客
03-17 2705
electron 安装包美化 推荐
Electron NSIS自定义数据目录（userData）
Hugh_W的博客
12-11 1072
Electron 添加安装时选择数据目录（userData）功能
electron学习日记
m0_61235532的博客
11-15 270
pnpm的链接方式管理包，会导致包的依赖包无法打包进去，导致开发时候正常，打包后各种不能运行。在vue.config.js里面设置了跨域，并且设置了多环境变量。判断当前环境，现场环境需把路由模式设施为“hash”即可。打包时候需要将线上请求地址进行拼接即可。
Electron 打包自定义NSIS脚本为安装向导增加自定义页面增加输入框
呐喊的专栏
04-03 3857
Electron 打包工具有很多，如Electron-build、 Electron Forge 等，这里使用Electron-build，而Electron-build使用了nsis组件来创建安装向导，默认情况nsis安装向导不能自定义安装向导界面，但是nsis提供了nsis脚本可以扩展安装向导。
【electron 4】electron配置打包环境
rock_23的博客
04-23 1721
因为我是已有的项目了，所以这里我只需要安装并引入electron-forge，虽然我进行配置了项目，但是我为了图省事用了electron框架，所以我必须用electron-builder进行配置打包了，所以这里针对electron-forge的笔记可能会比较浅薄。注：因为我项目中用的是umi脚手架搭建的react，打包后，是空白页面，所以要在.umirc.ts中配置一下即可。output：是我将input引入图标所转换不同大小不同格式的图标输出文件。input：icon.png是我需要引入的图标。
VUE+electron环境配置
qq_45749482的博客
07-15 1353
vue+electron环境搭建
如何设置NSIS的环境变量
09-09
NSIS通常改变环境变量，特别是PATH变量来指定指定位置的库文件，文档详细描述了修改代码
electron打包所需的nsis和winCodeSign安装包
最新发布
09-01
在软件开发过程中，打包是一个重要的步骤，尤其是对于使用Electron框架开发跨平台桌面应用程序的开发者来说。Electron允许开发者使用JavaScript, HTML 和 CSS来创建应用程序，这些应用程序可以在Windows, macOS和...
【免费下载】 Electron-Builder项目NSIS配置完全指南
gitblog_00403的博客
06-03 838
在开发Electron应用时，打包和分发是重要环节。electron-builder作为流行的打包工具，提供了强大的Windows平台支持，其中NSIS（Nullsoft Scriptable Install System）是其默认的Windows安装程序解决方案。本文将深入解析electron-builder中NSIS配置的各个方面，帮助开发者构建专业的Windows安装程序。 ## NSIS...
【Electron】 NSIS 打包 Electron 生成exe安装包
热门推荐
Mickeymouse
03-09 2万+
上一篇文章【Electron】 Electron 开发桌面应用（一） 编写→运行→打包我们已经得到了electron打包好的应用了，目录如下，但是我们如何整合成一个安装程序，发给客户使用呢？这一篇文章我们使用NSIS来打包Electron安装程序NSIS操作简单，而且打包出来的安装包，安装过程和卸载过程都更加正规。推荐使用一. 准备 1.下载NSIS软件，安装 NSIS中文版...
NSIS打包脚本高级配置
zjmdeni的博客
12-25 1713
NSIS安装程序自动解压7z压缩包、静默安装第三方软件、安装/卸载时判断指定程序是否正在运行、卸载时文件残留/无法卸载
NSIS 打包发布 exe 安装包之 配置文件参数说明
freedom_zzz的博客
06-27 847
NSIS 打包发布 exe 安装包之 配置文件参数说明
electron 打包流程 electron-packager + NSIS
weixin_30650859的博客
02-28 397
1.安装electron-packager 2.electron-packager 应用目录 应用名称 打包平台 左上角的图标和任务栏的图标 输出目录 架构 版本 win打包： electron-packager . XD --platform=win32 --arch=x64 --icon=./icon.ico --out=./dist --asar --app-versi...
electron-builder中NSIS相关配置之自定义设置安装图标等
N years的博客
05-06 1万+
// 特别注意 图标必须是ico格式的才行，png图标转ico可参照（https://www.jb51.net/softjc/93414.html##2） // options placed here will be merged with default configuration and passed to electron-builder const isDevelopment = pro...
NSIS打包electron生成的文件为exe安装包
kujirashark
06-12 2801
作者：lizhonglin github: https://github.com/Leezhonglin/ blog: https://leezhonglin.github.io/ 接着上一篇文章最后的的内容开始。上面我们使用electron生成相应的项目文件包，只是一个绿色版本的应用，不一定是我们最喜欢的。懂软件的人使用起来还是比较简单。有一个需求是我们能不能打包成像qq微信这样下载下来可以...
electron-builder配置项
08-19
Electron Builder 是一个用于打包和构建 Electron 应用程序的流行工具，它支持多平台构建（Windows、macOS、Linux），并提供丰富的配置选项以满足不同项目的需求。以下是 `electron-builder` 的一些主要配置选项及其用途的详解： ### 基本配置结构 `electron-builder` 的配置通常放在 `package.json` 文件的 `build` 字段中，也可以通过单独的配置文件（如 `builder.config.js`）进行更复杂的配置。 ```json { "build": { "appId": "com.example.myapp", "productName": "MyApp", "directories": { "buildResources": "assets", "output": "dist" }, "files": [ "dist/**/*", "node_modules/**/*", "main.js", "package.json" ], "asar": true, "nsis": { "oneClick": false, "allowToChangeInstallationDirectory": true }, "mac": { "target": "mas", "type": "distribution" }, "linux": { "target": ["AppImage", "snap"] }, "win": { "target": ["nsis", "portable"] } } } ``` ### 核心配置项详解 #### `appId` - **作用**：指定应用程序的唯一标识符，用于在系统中唯一标识该应用。 - **示例**：`"appId": "com.example.myapp"`[^1] #### `productName` - **作用**：定义构建后的应用程序名称。 - **示例**：`"productName": "MyApp"`[^1] #### `directories` - **作用**：指定构建过程中使用的目录路径。 - `buildResources`：存放构建所需的资源文件，如图标、配置文件等。 - `output`：指定构建输出的目录。 - **示例**： ```json "directories": { "buildResources": "assets", "output": "dist" } ```[^1] #### `files` - **作用**：指定需要包含在最终构建包中的文件或目录。可以使用通配符来匹配多个文件。 - **示例**： ```json "files": [ "dist/**/*", "node_modules/**/*", "main.js", "package.json" ] ```[^1] #### `asar` - **作用**：控制是否将应用程序的源代码打包为 `.asar` 文件。启用后可以提高安全性并减少文件数量。 - **示例**：`"asar": true`[^1] #### `nsis` - **作用**：配置 Windows 平台下的 NSIS 安装程序选项。 - `oneClick`：是否启用一键安装模式。 - `allowToChangeInstallationDirectory`：是否允许用户更改安装目录。 - **示例**： ```json "nsis": { "oneClick": false, "allowToChangeInstallationDirectory": true } ```[^1] #### `mac` - **作用**：配置 macOS 平台的构建选项。 - `target`：指定构建的目标类型，常见值有 `mas`（Mac App Store）、`dmg`、`mac`（通用 macOS 构建）等。 - `type`：指定构建的类型，如 `distribution` 表示发布版本。 - **示例**： ```json "mac": { "target": "mas", "type": "distribution" } ```[^1] #### `linux` - **作用**：配置 Linux 平台的构建选项。 - `target`：指定构建的目标格式，如 `AppImage`、`snap`、`deb` 等。 - **示例**： ```json "linux": { "target": ["AppImage", "snap"] } ```[^1] #### `win` - **作用**：配置 Windows 平台的构建选项。 - `target`：指定构建的目标格式，如 `nsis`、`portable`、`msi` 等。 - **示例**： ```json "win": { "target": ["nsis", "portable"] } ```[^1] ### 高级配置选项 除了上述基本配置外，`electron-builder` 还支持许多高级配置选项，例如： - **`publish`**：配置自动更新服务器的信息，支持 GitHub、S3、FTP 等多种发布方式。 - **`extraResources`**：指定额外的资源文件，这些文件会被复制到应用程序的 `resources` 目录中。 - **`extraFiles`**：指定额外的文件，这些文件会被直接复制到构建输出目录中。 - **`compression`**：控制 ASAR 文件的压缩级别，可选值为 `store`（不压缩）、`normal`（默认）、`maximum`（最大压缩）。 - **`target`**：全局指定构建的目标平台和架构，例如 `"target": ["win32", "win64"]`。 ### 示例：自动更新配置 ```json { "build": { "publish": [ { "provider": "github", "owner": "your-username", "repo": "your-repo" } ] } } ``` ### 示例：指定额外资源 ```json { "build": { "extraResources": [ { "from": "resources/", "to": "resources/" } ] } } ``` ### 示例：控制 ASAR 压缩级别 ```json { "build": { "asar": true, "compression": "maximum" } } ``` ### 总结 `electron-builder` 提供了非常灵活和强大的配置选项，能够满足大多数 Electron 应用的构建需求。通过合理配置 `build` 字段中的各项参数，开发者可以轻松实现跨平台构建、自动更新、自定义安装流程等功能。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值