• HOME
  • DOCS
  • WTF
  • TECH
  • LIFE
  • PAGES
    • ARCHIVE
    • TAGS
    • ABOUT
    • FRIENDS
    • RSS
  • TOOLS
    • GEO
    • RANDOM()
    • GOO.GL
    • CSS HEART
Aj's Blog

记录时间溜走的瞬间和折腾过的那些事

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依赖库,文件还不小。。。

下一篇:   nodejs开发之selenium webdriver篇
上一篇:   MacOS 10.10 Yosemite下端口转发问题
暂无评论

Cancel reply