使用Nwjs将web应用桌面化

Nodejs算是近期比较火的新秀了，用它制作网页也是及其的方便，学会了它，就可以说是真正的全栈工程师了。

NW.js源于Node-Webkit，通过它可以使用html和javascript书写原生应用了，而且一切和你写web应用几乎没有区别呢。

下面来体验一下吧。

安装NW.js

1
npm install nw -g

Hello World

建立一个Hello World项目，从初做起，比如如下目录结构：

nwjs-app/
├── app.js
├── index.html
├── package.json
└── style.css

这里是一个简单的应用，实际js或css文件较多，或用到第三方的js或css，需要更好的组织目录，如js文件放在script子目录中，把css文件放在style子目录中。
package.json 内容： 

1
2
3
4
5
6
7
{
  "main": "index.html",
  "name": "Hello NW.js",
  "window": {
	"toolbar": false //这个选项对于开发太重要了
  }
}

index.html的内容如下：

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Hello NW.js</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="app.js"></script>
  </head>
  <body>
    <h1>Hello NW.js</h1>
  </body>
</html>

app.js的内容如下：

1
2
console.log('console app.js');
document.writeln("out put from app.js");

未完待续…..

微信