nw.js方便简单的pc端app开发工具

nw.js入门小结

nw.js和electron都是利用html来开发pc端应用的工具，今天我写一写nw.js的入门知识。

安装

首先，去官网下载nw，官网地址,首页就可以看到下载地址，有两个下载，一个是normal,一个是sdk，见下图：

sdk是有调试功能的，生成的应用，在上面点击右键可以看到类似浏览器F12的调试面板。
normal就是没有调试功能的包，用于生产发布的时候用。
下载后不需要安装，直接解压后就可以使用。

使用

在nw的sdk包解压后的文件中，新建一个app文件夹，在app文件夹中放一个index.html的页面，再建一个package.json的文件，内容是：

{
	"fullscreen": true,
	"main": "index.html",
	"name": "layout",
	"description": "nw学习",
	"version": "0.1.0",
	"keywords": [  "指令学习", "在线"],
	"window": {
	"title": "指令学习",
	"icon": "icon.png",
	"toolbar": true,
	"frame": false,
	"width": 375,
	"height": 750,
	"position": "center",
	"min_width": 375,
	"min_height": 750,
	"max_width": 1920,
	"max_height": 1080,
	"resizable": true
	},
	"webkit": {
	"plugin": false,
	"java": false,
	"page-cache": false
	},
	"user-agent": "%name %ver %nwver %webkit_ver %osinfo",
	"chromium-args": "--allow-file-access-from-files"
}
// main属性是关键，指的是入口文件的位置

准备工作完毕，目录结构见下图：

将app文件夹拖拽到nw.exe上即可打开应用进行开发调试。

打包发布

如果开发完了之后，给别人用，就需要进行打包了。
首先将app文件夹压缩，比如压缩成app.zip文件，之后改名为app.nw文件。
打包需要在命令行下进行，打开cmd命令行（注意，这里只能用cmd，gitBash和powerShell都不好使哦），切换到当前目录，执行下面的命令:

copy /b nw.exe+app.nw app.exe

可以看到，app.exe就是打包出来的可执行文件，这时候直接点击它就可以运行程序了。

• 把这个app.exe文件复制到normal的运行文件夹下，也可以点击运行，这时其实就是一个绿色版的应用程序了，完全可以交付给客户使用了。
• 如果感觉一堆文件看起来不舒服，还可以使用enigmavirtualbox工具进行打包成一个.exe的文件，不过这个文件一般都比较大哦。
• 最后一种方法，innosetup工具，可以制作成安装版本，这样体积就小了。