如何使用nsis打包electron开发的安装程序

简介: 如何使用nsis打包electron开发的安装程序

一、先下载nsis软件


https://nsis.sourceforge.io/Download


二、打开可视化脚本编辑器


Yej7truFrN3tkS1B1W45n4yCRxGGWTdKRT9eGwLD.png


三、选择新建文本向导


Ho5MA9nkbKsrQwvFDKdh50z4vCF8jXvzEwBm54Z1.png

VNsU75nHHO62k7mWLSDNJoHoSPkZvrj8dQbdwkk3.png


四、设置应用名称,版本号,网址,标志随便自定义一个就好,然后下一步


EbcQpV2Nth5BlfyNWpGjDgEvmPNffjYtzWDO5CZg.png


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


fIukaUmkJAS4K7FnqzeH93BkRiFBLVHnDolpzYs1.png


接着下一步


BdDl9wYHnbNpK5d3YDHaHy1rKStyGbvBHrKquEFw.png


六、授权文件有就填,没有就填空白   然后下一步


YYOSs3Aaj02GJNlTqpyFykDsBpMxvSzhNhD2DOgl.png


七、添加应用程序文件,默认两个文件选中,删除


SFZKL6kFdJOiIv9yU8gGSUUA8eEOc2zoMEtmVGKX.png

5aU2V0BoNWfVZ4R5UOYMwl4j88hYYXZNyOkJKS8o.png


选择打包目录下的程序文件


UH0afXZ7l0TgKQAvGJrEyV52l7e8YUXspinY0IJa.png


接着,选择应用程序目录文件


dNfx9arJcG44PdGPz8qXZx0YGqlU4y1SKbignwWU.png

AbLyuk774k0fQbojafVDO73X9F26mAtogrJErW2W.png

SN9hw2tuarWX8vh6Sm0LjVBQHmQr7m2B9ourauo8.png

eSmHivZXIsn9ldaOdo7pZxDyzxZn4paAKSNyHsCK.png


八、可修改开始菜单名称,然后下一步


u8EEarHbkeNjMQFJyMn27x2ywYm1OZRpgHsn66Dg.png


九、可设置安装成功后启动的程序,默认就是我们打包后的启动程序,下一步


foGyD6U6Tvv4IJoMijXENF1dspMWhKYX7FMa1C1I.png


十、设置一些卸载时界面的提示信息,然后下一步


KjDTRIu2RHtEXZu88cwHGiqs4MgtXXxJWyoPr98l.png


十一、保存我们的脚本,完成,保存到英文目录下


KA6skjSLs6sG9rPFgMs0wAW1cVtHOYkpcfMzmnPg.png


十二、打开脚本文件,编译及运行


nP3U2zi2FYHLuRSuBrgrGY4cH0x7ezBzjWg0pEg7.png


耐心等待到下面这样,软件就打包好了,就可以去相应目录找到软件进行安装


H4tuIfwiY6civRiejeznKBqMAT2QkiZBcAYJbH8Z.png

tNbjlIGZTKNprNAL73pCdaEF72yapBD5wsq6Uiqq.png

相关文章
|
25天前
|
资源调度 运维 JavaScript
使用electron创建桌面应用及常见打包错误解决
使用electron创建桌面应用及常见打包错误解决
179 3
|
12天前
|
JSON JavaScript 前端开发
开发桌面程序-Electron入门
【10月更文挑战第16天】Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用的框架,嵌入了 Chromium 和 Node.js。本文介绍了如何搭建 Electron 开发环境,包括安装 Node.js、创建项目、配置 main.js 和打包应用。通过简单的步骤,你可以快速创建并运行一个基本的 Electron 应用程序。
开发桌面程序-Electron入门
|
24天前
|
前端开发 Unix Linux
揭秘 Electron 的 Linux 打包过程:你知道背后发生了什么吗?
本文详细介绍了 `electron-builder` 在 Linux 平台上如何打包 Electron 应用程序,涵盖了 AppImage、Flatpak、Snap 等多种格式的打包原理和具体实现。文章从初始化 `LinuxPackager` 到创建各种目标格式的包,详细解析了每个步骤的代码逻辑和关键方法,帮助开发者更好地理解和使用 `electron-builder` 进行 Linux 应用的打包。
57 2
揭秘 Electron 的 Linux 打包过程:你知道背后发生了什么吗?
|
5月前
|
资源调度 JavaScript 前端开发
IM跨平台技术学习(十一):环信基于Electron打包Web IM桌面端的技术实践
这次借着论证 Web IM端 SDK 是否可以在 Electron 生成的桌面端正常稳定使用,我决定把官方新推出的 webim-vue3-demo,打包到桌面端,并记录了这次验证的过程以及所遇到的问题和解决方法。
91 2
|
30天前
|
JavaScript API 开发工具
使用GitHub Actions自动发布electron多端安装程序
使用GitHub Actions自动发布electron多端安装程序
30 8
|
1月前
|
安全 前端开发 iOS开发
揭秘 electron-builder:macOS 应用打包背后到底发生了什么?
本文详细介绍了 Electron 应用在 macOS 平台上的打包流程,涵盖配置文件、打包步骤、签名及 notarization 等关键环节。通过剖析 `electron-builder` 的源码,展示了如何处理多架构应用、执行签名,并解决常见问题。适合希望深入了解 macOS 打包细节的开发者。
39 2
|
24天前
|
XML 缓存 前端开发
Electron-builder 是如何打包 Windows 应用的?
本文首发于微信公众号“前端徐徐”,作者徐徐深入解析了 electron-builder 在 Windows 平台上的打包流程。文章详细介绍了 `winPackager.ts`、`AppxTarget.ts`、`MsiTarget.ts` 和 `NsisTarget.ts` 等核心文件,涵盖了目标创建、图标处理、代码签名、资源编辑、应用签名、性能优化等内容,并分别讲解了 AppX/MSIX、MSI 和 NSIS 安装程序的生成过程。通过这些内容,读者可以更好地理解和使用 electron-builder 进行 Windows 应用的打包和发布。
94 0
|
3月前
|
JavaScript 开发工具
Electron 开发过程中主进程的无法看到 console.log 输出怎么办
Electron 开发过程中主进程的无法看到 console.log 输出怎么办
|
3月前
|
iOS开发 MacOS Python
Electron Mac 打包报 Error: Exit code: ENOENT. spawn /usr/bin/python ENOENT 解决方法
Electron Mac 打包报 Error: Exit code: ENOENT. spawn /usr/bin/python ENOENT 解决方法
|
4月前
|
前端开发
PC端01,桌面端,electron的开发,electron的开发的系列课程,软件开发必备流程,electron的讲解,electron的开发,vitepress博主的gitee链接,PC端效率软件
PC端01,桌面端,electron的开发,electron的开发的系列课程,软件开发必备流程,electron的讲解,electron的开发,vitepress博主的gitee链接,PC端效率软件
PC端01,桌面端,electron的开发,electron的开发的系列课程,软件开发必备流程,electron的讲解,electron的开发,vitepress博主的gitee链接,PC端效率软件