http://nwjs.io/ 下载最新版本:nwjs-v0.13.2-win-x64.zip
http://nodejs.cn/ 下载node程序
编辑工具本人使用Sublime Text 3
安装Node执行环境。并且安装nwjs
本地创建文件夹。文件夹名字为node-wbkit(随意),并且把nwjs所有解压完的文件全部复制到文件夹下。
在文件夹下创建一个属于自己的项目文件,在这里我命名为APP。打开编辑工具,本人用的sublime。把项目放进编辑工具。
在app文件夹下创建package.json文件。打开文件编辑入口信息。在main那里指定了入口文件为,当前目录下的index.html。所以我们要在app目录下面创建index.html静态页面
在index.html里面写入页面代码。打开CMD窗口工具。进入到我项目的目录,注意是我总项目的名字,并不是进入app这个文件夹下。是node-webkit这个文件夹
接下来安装express。目的为了实现路由功能。这次要进入到app目录下。通过npm install express来安装express模块,这个时候app目录下面会自动生成一个node_modules的文件夹。
这里我使用的是jade模版引擎。所以要用npm install jade。来安装jade模版引擎。在app目录下创建一个视图文件夹命名为node-view。在node-view文件夹下创建一个index.jade,来编写一个jade文件。
在app根目录下。注意是根目录下,创建一个名字为app的js文件。app.js导入express。编写试图路由。关于express的编写。这里不做过多讲解。
最重要的地方来了。第一express的本地地址为http://localhost:3000 .这样才访问了express的路由。那么根据这一点。我们可以在app的跟目录下面的index.html来入手这一件事。因为当nw app这个命令启动的时候。他就是访问的我app目录下面的index.html
把index.html所有代码删掉,创建一个script标签。把浏览器地址改掉。就可以了。首先要引用根目录下面的app.js这个文件通过 window.location.href= 'http://localhost:3000',再看一下我们的express路由,请求根目录是返回的index.jade文件。打开index.jade看看里面有什么
运行结果,可以正常的访问express的路由。这样就可以顺利的使用node-webkit+express来实现桌面程序了。随后还有electron + express的结合使用。