β

nodejs开发之node-webkit篇

Aj's Blog 257 阅读

一直想尝试下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依赖库,文件还不小。。。

作者:Aj's Blog
记录时间溜走的瞬间和折腾过的那些事
原文地址:nodejs开发之node-webkit篇, 感谢原作者分享。