1.node-webkit是什么?
NW.js is an app runtime based on
Chromium
and node.js
. You can write native apps in html and javascript with NW.js. Node-Webkit的运行条件是基于
Chromium(谷歌浏览器引擎)
和node.js。nw.js使得你可以使用html与js编写本地应用。*NW.js是Node-Webkit的简称
2.下载node-webkit https://github.com/nwjs/nw.js
找到如图:
![](https://image.cha138.com/20210512/971e5db82bdb414abb937164d7137a88.jpg)
按需下载。
下载完成后是个
压缩包。解压即可。
![](https://image.cha138.com/20210512/66bb812faf994fa7b099bf1cebdff6b5.jpg)
然后看到nw.exe文件:![](https://image.cha138.com/20210512/83702703859f40e79a04feddaa39e2ac.jpg)
![](https://image.cha138.com/20210512/83702703859f40e79a04feddaa39e2ac.jpg)
双击运行一下,看是否正常:
![](https://image.cha138.com/20210512/a93acf3152964bc6b2d77bd43d3f297b.jpg)
黑黑的还是挺酷的!
3.编写第一个示例,这个https://github.com/nwjs/nw.js都有,很简单。直接照着来就行。
4.结合我之前做的nodejs扫描文件,每次ctrl+b嫌麻烦,这里就打成一个包来直接双击运行。
在与nw.exe文件的同目录下,新建一个test文件夹。
里面放着的目录:
![](https://image.cha138.com/20210512/20b60f5a29cc44ddb8a788fb004f80ec.jpg)
app.js:是之前的扫描文件。
package.json:
{ "name":"zqz", //这里的name属性很重要,类似唯一标示。不可少! "main":"index.html", //窗口要渲染的文件 "nodejs":true, //true,为启用nodejs "node-main":"app.js", //nodejs的入口文件 "window":{ //简单的设置了一个属性 "width":800, "height":500 } }
index.html:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Frist Web Desk App</title> </head> <body> <h1>扫描切归并成功!</h1> </body> <script type="text/javascript" src="app.js"></script> </html>
步骤一:
将上面三个文件右键压缩成一个以.zip为后缀的文件。
![](https://image.cha138.com/20210512/ea15f180bc3e42a8b649c464e5dc2461.jpg)
步骤二:将test.zip文件直接copy到与nw.exe同级的文件中
![](https://image.cha138.com/20210512/209a28aa94ea48088aa9124469ad89ad.jpg)
![](https://image.cha138.com/20210512/59e8853a234e4c90bd4f73e7fd9fef54.jpg)
然后直接将test.zip拖拽到nw.exe上。这样可以直接执行。虽然这样方便,但是不酷!所以say no~
步骤三:将nw.exe文件与test.zip文件合并成一个文件
在命令行中进行如图的操作:
![](https://image.cha138.com/20210512/a8f39118acde4e5fa97cf90280a14629.jpg)
nw.exe一定要在test.zip之前!
最后,牛逼的exe生成了!
![](https://image.cha138.com/20210512/3d4aadab6db442f7ba0befda1df2b4f3.jpg)
让我们双击它!
我现在桌面上有很多截图:
![](https://image.cha138.com/20210512/207273fed94b42e1a75fab1bc1bd6280.jpg)
当当当当~~~~
![](https://image.cha138.com/20210512/3866599baf494c27a51ce1f0199ee26c.jpg)
桌面干净了!
但是!!我还是觉得不够酷!为什么?因为我想发给别人来装X!哈哈
所以我们可以下载一个这个打包软件:http://enigmaprotector.com/assets/files/enigmavb.exe
![](https://image.cha138.com/20210512/ba5b7780d0bb470480e3dcdf6ce9d7ea.jpg)
Add:选中我们文件夹中除了test文件夹。
![](https://image.cha138.com/20210512/7cd69b0df64842e3a9096e628121cf66.jpg)
然后将我们的scanDeskImg_boxed.exe文件复制到桌面,看看能不能运行成功,如果运行成功,说明你可以尽情的装X了!
**问题一:
我在桌面上第一次运行失败,报需要locales文件夹。
![](https://image.cha138.com/20210512/b80996de386d4970927c859ea6680dc1.jpg)
所以我将locales文件copy到桌面,然后就可以了!
可能是我文件中有中文的问题。
问题二:打包后的文件太大:
![](https://image.cha138.com/20210512/16f94aa155da4eac95fabff848e055c6.jpg)