Node-Webkit打包

时间：2016-05-20 22:23:58 阅读：277 评论：0 收藏：0 [点我收藏+]

标签：

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的简称

文档地址：http://docs.nwjs.io/en/latest/

2.下载node-webkit https://github.com/nwjs/nw.js

找到如图：

按需下载。

下载完成后是个

压缩包。解压即可。

然后看到nw.exe文件：技术分享

双击运行一下，看是否正常：

黑黑的还是挺酷的!

3.编写第一个示例，这个https://github.com/nwjs/nw.js都有，很简单。直接照着来就行。

4.结合我之前做的nodejs扫描文件，每次ctrl+b嫌麻烦，这里就打成一个包来直接双击运行。

在与nw.exe文件的同目录下，新建一个test文件夹。

里面放着的目录：

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>