首页 > 其他分享 >利用 electron 和 nsis 将前端项目打包成可安装的桌面应用

利用 electron 和 nsis 将前端项目打包成可安装的桌面应用

时间:2022-12-23 12:33:22浏览次数:44  
标签:脚本 编译 安装包 点击 nsis electron 即可 安装 成可

打包为可安装的桌面应用

打包需要下载安装 nisi 和 nis edit 两个软件,下载地址如下:安装按默认设置安装即可。

 

nsis下载地址:https://pan.baidu.com/s/1mitSQU0

 

安装好上述软件后,首先打开 nis软件,依次点击菜单栏【文件】→【新建脚本:向导】。

 

 

 

 


单击【下一步】按钮:

 

 

 

 

 

接着,修改应用程序的名称、版本等(这里可根据喜好修改即可),若不修改则直接点击【下一步】按钮即可。

 

 

 

 

 

向右划拉语言框的滚动条,取消选中默认的【English】选项,然后选中下图中的【SimpChinese】选项,其他设置这里不做修改,点击【下一步】按钮。

 

 

 

 

 

 

此时,新建一个 txt 格式的授权文件,内容自定义即可,这里给个示例。

 

Copyright (c) Electron contributors
Copyright (c) 2013-2022 GitHub Inc.

任何人在此免费获得许可。本软件和相关文档文件的副本,不受限制地经营软件,包括但不限于使用、复制、修改、合并、发布。

 

记得保存的时候选择 UTF-8 BOM 编码,否则软件打开时会出现中文乱码。

 

 

 

 

 

我们将上述授权文件放至打包的桌面程序目录下,然后如下图所示,将这里修改为授权文件所在位置。

 

注:这里记得选中【允许用户更改应用程序目录】,则在安装时可以修改安装位置,若不勾选,则直接默认安装在 C:\Program Files (x86) 目录下。

 

 

 

 

分别选中原有的两个选项,点击上部删除按钮删除即可。

 

 

 

 

然后按下图所示步骤添加打包的 .exe 程序所在的目录,其他设置默认即可。

 

 

 

 

后续的几个窗口不做修改直接点击【下一步】即可,如下图,选中前两项,最后点击【完成】按钮即可。

 

注:这里也可以选中第三个复选框【编辑脚本】项,这样在脚本保存后会自动开始编译,这里我们不勾选,后面手动操作。

 

 

 

 

点击完成后会弹出一个脚本保存的对话框,命名随意,保存即可(例如我们可以将其保存至桌面,因为最终编译生成的安装包会和该脚本文件位于同一目录)。

 

 

 

 

然后在【窗口列表】中右击我们保存的脚本,点击【编译脚本】即可开始执行脚本。

 

注:这里也可以选择【编译并运行】,则编译生成安装包之后会自动运行安装包

 

 

 

 

 

然后稍等几分钟,待软件的命令行窗口下方给出如下提示,然后若脚本所在的目录也已生成安装包,则表明安装包编译成功。

 

 

 

 

至此,所有操作已完成,这时,我们便可以双击安装包进行安装了,界面如下(后续步骤略)。

 

 

 

 

安装完成后打开控制面板会看到安装程序,不想要了卸载即可。

 

 

 

 

标签:脚本,编译,安装包,点击,nsis,electron,即可,安装,成可
From: https://www.cnblogs.com/luoguixin/p/17000428.html

相关文章

  • Vite + Vue 3 + electron 环境搭建
    第1步,建立一个新的vite项目yarncreatevite第2步,安装项目依赖yarnadd-Dconcurrentlycross-envelectronelectron-builderwait-on第3部,修改package.json......
  • electron 生成项目及打包
    一.准备工作    1.首先,我们要安装electron-prebuilt,它是一个npm模块,因此我们可以使用Npm来进行安装,它是一个electron的预编译版本。 npminstall-gelectron-pr......
  • Electron-Vite快速识别
    构建Vite-electron项目npmielectron-vite-Dnpmcreate@quick-start/electronproject-name--templatevue-tsElectron的运行流程Electron进程一、主进程:有且......
  • Electron Mac 打包报 Error: Exit code: ENOENT. spawn /usr/bin/python ENOENT 解决
     Electron项目使用vue-cli-electron-builder创建,原来我的Mac上编译都很正常自从Mac升级到macOSventuraversion13.0.1后打包报错,electron-builder编译dmg......
  • 20、electron 主进程与渲染进程之间的通讯ipcMain
    1、主进程代码1letelectron=require('electron')2const{ipcMain,BrowserWindow}=require('electron')34letapp=electron.app//引用APP5letm......
  • 一致性hash算法 - consistent hashing
    consistenthashing ​​算法​​早在 1997 年就在论文 ​​Consistenthashingandrandomtrees​​ 中被提出,目前在cache 系统中应用越来越广泛;1比如你有 N 个 ......
  • 19、electron log4js写日志
    环境:"devDependencies":{"electron":"^22.0.0"},"dependencies":{"@electron/remote":"^2.0.9","log4js":"^6.7.1"}1、安装:npminst......
  • electron transparent: true, isMaximized 不起作用
    electron13transparent为true时候isMaximized不起作用 electron13transparent为true时候isMaximized不起作用,网上好多人说总是返回false等。后来看gitub上说17版本......
  • electron 入门操作
    1.安装node.js2.指定淘宝镜像npminstall-gcnpm-registry=https://registry.npm.taobao.org3.创建项目文件夹cnpminit初始化项目4.安装electroncnpminstall--save-......
  • 18、electron报SyntaxError: Unexpected token 'export'
    写了个脚本,导出的时候报SyntaxError:Unexpectedtoken'export'  查一下发现是Node的导入导出规范跟浏览器ES6不太一样  将导出由export{   xxx}改成......