在Android系统上开发基于WebSocket的聊天室应用

前些日子在网上看到此文《为Phonegap Android平台增加websocket支持，使默认成为socket.io首选通道选择》，感觉挺有意思，于是研究了一下相关的东西。

Android并不支持原生支持WebSocket，即使到了Android4.x时代。而且Android上webkit的表现很差。需要开发者提供支持。github上有两个开源项目，一个是https://github.com/anismiles/websocket-android-phonegap，实现了websocket协议。提供了html5兼容的websocket api。这个项目虽说名字中有个phonegap，但是其实和phonegap一点关系都没有，非说有点关系的话就是可以使用这个配合phonegap开发应用。源码扫了几眼，并不复杂，稍微复杂的地方在于实现websocket协议。网上还有一个https://github.com/koush/android-websockets，这个不仅实现了Websocket，还实现了socket.io的接口。

Client端ok了之后，在看Server端。我没选用socket.io，虽然socket.io的设计更有趣味一些。没用的原因是，socket.io做了很多兼容方面的考虑，代码相对复杂。对于不支持websocket的浏览器，会切换到长轮询的兼容模式。我初接触，想找个轻量级别的，这样更容易看源码，明白是怎么回事。网上找到这个https://github.com/miksago/node-websocket-server，使用nodejs写的，我试了一下，这个在nodejs6.+版本以后有问题。后来找到https://github.com/VanCoding/node-websocket-server这个，对它进行了修正，并且支持了新的websocket协议的drafts（This is a server for drafts 75, 76, 10 and 16 of the WebSocket Protocol）。然后使用了html5demos里的echo服务器代码，稍微做了一点修改。然后把服务放到了NAE上，NAE很早就注册了，但一直没玩儿，今天总算派上了用场，一些小波折后服务器上线了。NAE感觉还有些不稳定，偶尔链接会断掉。

然后就实现一个简单的聊天室应用。Android端选用websocket-android-phonegap来支持websoket，Server端使用基于nodejs的node-websocket-server(VanCoding)的实现。

首先熟悉一下WebSocket的api，很简单。首先，可以通过判断是否存在window.WebSocket对象来判断，浏览器是否支持WebSocket。然后可以通过创建WebSocket对象建立与目标服务器的连接。如ws = new WebSocket("ws://host:port")。这个时候服务器端就会响应连接。建立连接后，可以给websocket对象添加事件回调监听函数。WebSocket共有三个事件，分别是open，close，message，对应的回调分别是onopen，onclose， onmessage。建立连接后会回调onopen，关闭连接回调onclose，有消息时会回调onmessage。

就这些东西，写的仓促，代码也很水，这算是HTML5第二弹吧，之前写过一个Canvas的东西，《用html5的canvas写了个书籍翻页效果》。

项目地址：https://github.com/qhm123/firechat

网页版聊天室：http://firechat.cnodejs.net/client.html

（额外的故事：刚动笔写完此文第一句话，然后就动手写了个通过html5test.com测试Android手机HTML5支持情况的并截图分享的应用，但是在手机端的App分享上传时，因为图片太长了，所以对图片压缩到了基本上都压缩到看不清的程度了，浪费我的时间。。。）