NW.js 打包并发布桌面应用 ---备忘心得

最新推荐文章于 2025-06-25 09:33:22 发布

狼性生物

最新推荐文章于 2025-06-25 09:33:22 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

分类专栏：兴趣爱好文章标签： NW NW.js 桌面应用

本文链接：https://blog.youkuaiyun.com/m0_37118353/article/details/92084857

兴趣爱好专栏收录该内容

24 篇文章

订阅专栏

本文详细记录了使用NW.js打包发布桌面应用的全过程，包括所需工具、配置package.json、桌面图标处理和打包成exe的步骤。通过Inno Setup Compiler与NW.js结合，实现了将Web应用转化为桌面应用，并成功解决图标显示问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开始之前我们需要一些准备：

备注：我的是window10 64位

1、node.js 不会的请自行百度或看看这个：https://www.runoob.com/nodejs/nodejs-install-setup.html

2、npm等【个人使用cnpm 淘宝镜像主要是速度快】一般安装完成node 基本都会已经存在npm了，不会的请自行百度

3、NW.js 去官网下载：https://nwjs.io/ 或 https://nwjs.io/downloads/ 两个都可以，我都试过

下载完成展开目录截图：
里面的logo.png 是我自己放进去的，后文会有说明

4、打包工具
其中官方推荐：nw-builder工具，安装使用可以看这个：https://www.npmjs.com/package/nw-builder 经典用法：nwbuild --platforms win32,win64,osx64,linux32,linux64 --buildDir dist/ src/ 反正这个我搞不成功

其二是我现在使用的：Inno Setup 虽然打包安装之后其实是解压出来，文件成明文，但是确实方便而且轻量，下载地址：http://www.jrsoftware.org/isdl.php 下载稳定版就好了，其他的我没试。或者直接百度就可以下载

我直接使用百度的地址做远程应用，马上进入正题：

1、NW下载解压目录下新建package.json文件，如图：

配置内容如下，可参考文档自行配置，http://docs.nwjs.io/en/latest/References/Menu/ :

{
"main": "https://www.baidu.com",
"name": "Mailer",
"description": "mailer",
"version": "1.1.0",
"keywords": [
"demo",
"node-webkit"
],
"window": {
"title": "Mailer",
"icon": "logo.png", // 这里是我的应用logo 即是前文我的logo.png的位置，大家可自行选择目录深度文件
"toolbar": false,
"frame": true,
"width": 1366,
"height": 768,
"position": "center",
"min_width": 1366,
"min_height": 768,
"max_width": 1366,
"max_height": 768,
"resizable": false
},
"webkit": {
"plugin": true
}
}

现在直接点击运行 nw.exe 就可以看到基本效果及标题，应用图标等了，但是，我们还没完成，这时候不方便分发出去，以下是打包分发流程

2、桌面图标处理【关于这部分我也迷迷糊糊成功了，以下是我的经历】

第一次：网上大多说什么下载ResourceHacker工具转换等。我去下载安装并按操作处理了nw.exe图标，然后使用Inno Setup Compiler 打包成.exe，看着打包后的执行文件是可以的，就去安装，安装之后卧槽，图标没变，还是这个，所以不成功！！

第二次：网上说的打包压缩全TM飘过，你只需要把package.json变成压缩包，然后修改后缀名称等最终变成 ***.nw （下面会用到，我就用 package.json==>package.rar==>package.nw==>app.nw）存放在nw.exe 同一目录下，步骤够明确了吧！！！！。这次我没使用ResourceHacker处理，然后使用Inno Setup Compiler 打包（打包前执行：copy /b nw.exe+app.nw app.exe ，打包时选择app.exe）成.exe，看着打包后的执行文件是可以的，就去安装，安装之后成功了，分析原因：可能是ResourceHacker修改后需要一段时间或重新开机等才会生效。反正成功之后我不去研究了

3、打包成功之后最终得到的结果如图：