首先讲下退坑事项,节约读者时间

虽然入门较为简单,能快速产出在本地的一个桌面端应用,但是

  • 生成的exe会依赖SDK文件夹下的一些dll,所以不能简单的交付这个exe,需要使用额外的软件进行打包,如Enigma Virtual Boxinno setup
  • 自定义可执行文件的icon也要额外软件,如Resource Hacker
  • 打包出来的安装包和应用大小比electron小不了多少,还是一个数量级的。用nw.js开发一般是为了兼容win xp。所以我建议还是用electron吧,推荐electron-vite

下载SDK并解压

国内下载网站
个人玩玩还是推荐下SDK
在这里插入图片描述

新建页面相关文件

在解压的文件夹下,如nwjs-sdk-v0.70.1-win-x64
新建package.json

{
	"name": "helloworld",
	"main": "index.html"
}

新建index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试</title>
</head>
<body>
    <h1>关注永雏塔菲谢谢喵</h1>
    <img src="https://bkimg.cdn.bcebos.com/pic/b3b7d0a20cf431adcbef981e2062bbaf2edda3cc32c5?x-bce-process=image/watermark,image_d2F0ZXIvYmFpa2U5Mg==,g_7,xp_5,yp_5"/>
</body>
</html>

运行

点击nw.exe,即出现下面的桌面端界面
在这里插入图片描述

打包为exe

  1. 下面这个命令似乎在win10上跑不了,建议当伪代码
    zip(必须这个,归档而不是压缩)打包这两个文件,结果文件后缀改为.nw
    zip -q index.html+package.json index.nw
  2. win10可以运行这个命令,以管理员身份运行该命令,生成可执行文件
    copy /b nw.exe+index.nw index.exe
    点击这个index.exe即出现启动的桌面端应用

卸载

删掉文件夹即可

Logo

永洪科技,致力于打造全球领先的数据技术厂商,具备从数据应用方案咨询、BI、AIGC智能分析、数字孪生、数据资产、数据治理、数据实施的端到端大数据价值服务能力。

更多推荐