用node-webkit 开发 PC 客户端

<a href="http://blog.51cto.com/2013/07/03/nodeWebkitApp/">7月 3 2013</a>

如果,你用过grunt,要创建一个node-webkit 非常简单,我已经写好了一个node-webkit的<code>grunt-init</code>的项目模板. 至于怎么安装这个模板,跟官方的教程一样. 如果你是windows 用户

md %USERPROFILE%.grunt-init\node-webkit  git clone [email protected]:youxiachai/grunt-init-node-webkit.git %USERPROFILE%.grunt-init\node-webkit

linux or mac

git clone [email protected]:youxiachai/grunt-init-node-webkit.git ~/.grunt-init/node-webkit

你只需要用

<code>grunt-init node-webit</code>

就可以创建完毕.

app.nw 这个目录就是我们准备要开始写的pc 客户端的项目文件夹,运行node-webkit项目很简单,只需要把node-webkit 的运行环境配置到环境变量,然后运行

<a href="http://youxilua.blog.51cto.com//attachment/201307/3/3357586_1372814640mXxr.jpg"></a>

<a href="http://youxilua.blog.51cto.com//attachment/201307/3/3357586_1372814641lFGA.jpg"></a>

基于node-webkit 开发pc 客户端语言支持 <code>c/c++</code>,<code>html5</code>,<code>css3</code>, <code>js</code>,<code>node api</code>.好了,现在我们开始用html 5 + css3 写一个pc 客户端吧. <code>node-webkit</code>本质就是一个可以跑node 的浏览器,所以,我们用web 开发的技巧来开发pc 客户端毫无问题.

首先,打开<code>toolbar</code>,在<code>package.json</code>文件里面有个<code>toolbar</code>的参数,设置为<code>true</code>即可,就会见到如下图所示:

<a href="http://youxilua.blog.51cto.com//attachment/201307/3/3357586_1372814641iEGS.jpg"></a>

点击那个三横线的按钮,一个chrome 风的调试窗口就出来了.

<a href="http://youxilua.blog.51cto.com//attachment/201307/3/3357586_1372814642proC.jpg"></a>

开发的时候,我们修改完文件,并不需要重新运行程序来看结果,我们,可以直接点击左边的刷新按钮即可看到我们修改的运行结果.用<code>node-webkit</code>开发客户端是不是很方便了!

那么接下来,要开发一个oschina pc 客户端,我们只需要知道,相关api 就行了,从android 客户端源码里面可以得到相关api...具体代码在<code>app/model/oschinaApi.js</code> 文件里面.

node-webkit,已经吧相关的安全限制已经去掉,所以说,用node-webkit开发pc客户端,用webkit 发的请求不受同源限制. 用node-webkit 开发一些restful 应用是非常舒服的事情,只要有个不错的界面.关于<code>node-webkit</code>的东西也就这么些了,剩下的就是web 开发,不在本文<code>node-webkit</code>范围内,所以就不再啰嗦..

界面:

模板引擎:

Github:

git@osc:

程序运行: windows用户之间去到<code>app.nw</code> 目录下运行 nw.exe 即可.

cd app.nw  nw.exe

linux 或者mac 用户 把除 index.html,package.json,app 以外的文件删除,然后将<code>node-webkit</code> 运行环境配到环境变量中运行

nw app.nw 本文转自youxiachai 博客，原文链接： http://blog.51cto.com/youxilua/1240516    如需转载请自行联系原作者