nodejs开发之node-webkit篇
2014-12-30 TECH node-webkit nodejs package.json
一直想尝试下nodejs,最近做了个小工具总算如愿以偿了,需求很简单:gui控制界面(node-webkit)、webrowser自动化(selenium-webdriver)
一、node-webkit是什么?
顾名思义node-webkit是支持node(nodejs)+webkit(chromium)的运行环境
nodejs完整支持所有API和第三方库,内置的chromium是精简版的,完整支持HTML5/CSS3/JS/WebGL
二、hello world
通过 package.json 定义gui窗口相关参数(也可以在js中动态修改)
其他的交给index.html(html、js、css),就这么简单。
1) 下载node-webkit解压所有文件, X:\nw\
2) 创建一个test项目目录, X:\test\
3) X:\test\package.json,说明:https://github.com/rogerwang/node-webkit/wiki/Manifest-format
{ "version": "0.1.0", "main" : "index.html", "name" : "test", "description": "demo app of node-webkit", "window" : { "toolbar" : false, "frame" : true, "width" : 300, "height" : 100 } }
4) X:\test\index.html: <script>document.write(‘<h1>HELLO WORLD!</h1>’)</script>
5) 启动:X\nw.exe X:\test\
三、更多文档和demo
https://github.com/rogerwang/node-webkit/wiki
https://gentlenode.com/journal/node-webkit-1-complete-cheatsheet/26
更多玩法就看自己发挥了
比如加载个bootstrap、jquery做酷炫动态效果
比如require个nodejs库做进程管理等
另程序可打包为exe,方便发布自己的app,美中不足的就是需要带几个dll依赖库,文件还不小。。。
暂无评论