当前时间:Sunday 2016年12月04日 欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

当前位置: 首页 >> Android开发,phonegap开发 >> 正文

phonegap 下添加聊天室-android

前些日子在网上看到此文《为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

作者:夜阑小雨
原文链接:phonegap 下添加聊天室-android
夜阑小雨版权所有,转载本网站文章时请保留此信息。

收藏和分享: 转贴到开心网 转贴到校内网 分享到 Twitter Delicious 分享到 Google Reader 分享到 百度收藏 分享到 QQ收藏

评论信息

0 条评论 发表评论

发布评论

您必须登录才能发表评论。

网站客户端下载