node的定位是,server-side javascript。 <br/> <br/>但程序员最爱做的事,就是把一个东西用在不该用的地方。那么,可以把node用在桌面开发上吗?当然可以。 <br/> <br/><!–more–><span>把Javascript用在桌面开发上,早有先例,比如GTK+的gjs,还有Qt的QML(顺带一提,QML代表着桌面开发的另一个方向,a promising way),GNOME3中,也用javascript作为桌面插件的开发语言。</span> <br/> <br/>那么为何要多此一举,把node引入到桌面开发上? 因为node的网络编程能力。使用node,你可以十几分钟就写出一个微博客户端来,而且代码简单明了,这种内在的网络能力,是其他所有语言欠缺的。 <br/><h4>第一个例子</h4> <br/>那么,单刀直入,让我们先看一个hello world: <br/><pre>var gui = require(’…/lib/gui’); <br/> <br/>var window = new gui.Window ({ <br/> ‘title’: ‘node-gui’, <br/> ‘window-position’: 1, <br/> ‘opacity’: 0.5 <br/>}); <br/> <br/>window.show (); <br/> <br/>window.on (‘delete-event’, function () { <br/> gui.quit (); <br/>});</pre> <br/>代码很简单, 就像其他所有module一样。 <br/> <br/>首先,我们使用new Window建立了一个新窗口,参数是窗口property的列表,分别代表标题、位置、透明度,其它属性可以在<a href=“http://developer.gnome.org/gtk/2.24/GtkWindow.html” target="_blank">GTK+文档</a>里查到。 然后,我们调用了show方法。接着,使窗口响应’delete-event’消息,在窗口关闭时退出。 <br/><h4>node-gui</h4> <br/>代码中引用的module在这里: https://github.com/zcbenz/node-gui/ ,内有详细说明。 <br/> <br/>可以直接用npm安装:npm install gui <br/> <br/>编译时需要注意,你需要GTK+开发库支持。而且因为耍了很多C++11的花枪,你还需要很新的GCC4.6。 <br/> <br/>为node编写界面库的难点,在于把两种格格不入的事件循环融合起来。我采用的方案,是将GTK+主循环放在新线程中进行,一来简化了逻辑,二来GUI操作向来费时,把GUI操作放在新线程中操作符合异步的要义。 <br/><h4>Windows</h4> <br/>提到桌面开发,Windows从来是不得不支持的平台。node已经部分支持了Windows,那么使用node-gui的程序能在Windows下跑起来吗?可以,但是需要艰苦卓绝的努力。 <br/> <br/>node Windows porting尚未实现功能之一,就是native C++ module的支持(如果你想知道原因,是因为模板类成员函数无法导出到额外加载的DLL中),这几乎堵死了我的路。不过经过一番努力,我把node-gui作为node的一部分编译入了node,成功运转了起来。(另外,如果你想亲自尝试的话,为了获得更好的用户体验,最好在编译选项中把Console Window取消掉。) <br/> <br/>但是坦言说来,这样没有太大意义,Windows下的GTK+运行库大约有18mb,而且GTK+3也暂时没有Windows的二进制库(原来的贡献者退出了)。为几kb的脚本付出二十来mb的运行时代价,用户不会买账的(也是为何鲜有民用桌面软件采用.NET开发)。 <br/><h4>复杂的例子</h4> <br/>那么,让我们再接着看一个复杂些的例子,这次我们用上了网络: <br/><pre>var gui = require (’…/lib/gui’); <br/>var http = require (‘http’); <br/> <br/>new gui.Builder (__dirname + ‘/download.glade’, function (builder) { <br/> var window = builder.get (‘window’ , gui.Window ) ; <br/> var download = builder.get (‘download’ , gui.Button ) ; <br/> var url = builder.get (‘url’ , gui.Entry ) ; <br/> var text = builder.get (‘text’ , gui.TextView ) ; <br/> <br/> window.setBorderWidth (10); <br/> window.show (); <br/> <br/> window.on (‘delete-event’, function () { <br/> gui.quit (); <br/> process.exit (0); <br/> }); <br/> <br/> var onDownload = function () { <br/> var sUrl = url.getText (); <br/> <br/> var options = require (‘url’).parse (sUrl); <br/> var data = “”; <br/> var req = http.request (options, function (res) { <br/> res.on (‘data’, function (chunk) { <br/> var buffer = text.getBuffer (); <br/> var str = String (chunk); <br/> buffer.insertAtCursor (str, str.length); <br/> }); <br/> <br/> res.on (‘end’, function () { <br/> download.setLabel (‘Download’); <br/> download.setSensitive (true); <br/> }); <br/> }); <br/> <br/> req.on (‘error’, function (e) { <br/> var message = new gui.MessageDialog ({ <br/> ‘buttons’: 1, <br/> ‘text’: ‘Networking Error’, <br/> ‘secondary-text’: e.message <br/> }); <br/> message.show (); <br/> message.on (‘response’, function () { <br/> message.destroy (); <br/> }); <br/> <br/> download.setLabel (‘Download’); <br/> download.setSensitive (true); <br/> }); <br/> <br/> req.on (‘response’, function () { <br/> text.getBuffer ().setProperty (‘text’, ‘’); <br/> }); <br/> <br/> req.end (); <br/> <br/> download.setLabel (‘Downloading…’); <br/> download.setSensitive (false); <br/> }; <br/> <br/> download.on (‘clicked’, onDownload); <br/> url.on (‘activate’, onDownload); <br/>});</pre> <br/>代码我不再详述,<a href=“https://github.com/zcbenz/node-gui/”>github页面</a>有(不太)详细的文档。简单说来,Builder可以从XML文件里直接构造界面,而GUI事件循环也可以和node的网络事件完美融合起来。 <br/> <br/>界面截图: <br/> <br/><a href=“http://static.data.taobaocdn.com/up/nodeclub/2011/10/Screenshot.png”><img class=“alignnone size-medium wp-image-3585” src=“http://static.data.taobaocdn.com/up/nodeclub/2011/10/Screenshot-281x300.png” alt="" width=“281” height=“300” /></a> <br/><h4>未来</h4> <br/>这只是一个玩具,开发的唯一目的,就是试试一个idea是否能成(另一个目的是想骗一只阿里云手机来玩,<( ̄︶ ̄)>,可惜不能如愿)。所以,请不要把它用来生产项目中。 <br/> <br/>而且,因为对GTK+和C++11的依赖,大部分同学到这里,应该都还没编译成功吧…… ╮( ̄▽ ̄)╭ <br/> <br/>严肃地看来,作为真正的跨平台GUI库,Qt应该是个更好的选择。更严肃地看来,为每个平台单独开发界面库,更符合用户的需求。更更严肃地看来,拿C++写桌面程序,用户才会买账。那都是后话了。
gui 这个库是需要node v0.5.8 以上版本 <br/>0.4 是不行的 <br/> <br/>linux下编译没问题 <br/>windows下就不尝试了 <br/>反正以后作者会直接放出exe文件
确实没编译通过,之前在node邮件组看到node-gui时就去下载了一个尝试。
其实为什么不使用html作为gui呢?node有很好的websocket支持,html具有极佳 <br/>的表现能力.对于gui的数据交换,使用websocket也足够.不过是在本地多开一个端 <br/>口而已呢.
目前基于Qt的Node-qt和Node-five支持Windows平台 https://github.com/arturadib/node-qt https://github.com/arturadib/node-five
@jiyinyiyong 为何用gtk,而不用QT呢?
@jiyinyiyong 那你怎么知道st开发用的gtk呢?
@chrisak 在本地使用winsock做啥?IPC么?
@pl9165 这俩货被用于商业产品了么?
@jiyinyiyong sublime text。。。
@jiyinyiyong 。。。 应该是看到过,不过刚才在帖子里搜了下,没看到了。。。
mark