2019独角兽企业重金招聘Python工程师标准>>>

1.在Eclipse中新建Android Project项目chatdemo

2.把animesh kumar的websocket-android-phonegap项目java文件打成phonegap-websocket-support.jar包,存放在 android project的libs目录下

3.把websocket.js存放在 assets/www/js目录下

4.修改项目启动类App.java

5.添加<script src="js/websocket.js"></script>

6. App.java修改后:
   public class App extends DroidGap {
    @Override
    public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    super.loadUrl("file:///android_asset/www/index.html");
     // 绑定websocket支持
    appView.addJavascriptInterface(new WebSocketFactory(appView),
    "WebSocketFactory");
    }

7. 客户端的修改
需要在html页面端做些手脚,优先加载websocket.js进行一些环境变量的设定,这样socket.io就可以检测websocket的支持。
websocekt.js的初始化代码:
(function(){    
var global = window;
var WebSocket = global.WebSocket = function(url) {
com.strumsoft.websocket.WebSocketFactory.java)
this.socket = WebSocketFactory.getInstance(url);
if(this.socket) {
WebSocket.store[this.socket.getId()] = this;
} else {
throw new Error('Websocket instantiation failed! Address might be wrong.');
    }
    };
WebSocket.store = {};
WebSocket.onmessage = function (evt) {
WebSocket.store[evt._target]['onmessage'].call(global, evt);
    }    
WebSocket.onopen = function (evt) {
WebSocket.store[evt._target]['onopen'].call(global, evt);
    }
WebSocket.onclose = function (evt) {
WebSocket.store[evt._target]['onclose'].call(global, evt);
    }
WebSocket.onerror = function (evt) {
WebSocket.store[evt._target]['onerror'].call(global, evt);
    }
WebSocket.prototype.send = function(data) {
this.socket.send(data);
    }
 
WebSocket.prototype.close = function() {
this.socket.close();
    }
WebSocket.prototype.getReadyState = function() {
this.socket.getReadyState();
    }
WebSocket.prototype.onopen = function(){
throw new Error('onopen not implemented.');
 };
WebSocket.prototype.onmessage = function(msg){
throw new Error('onmessage not implemented.');
 };

8.看一下websocket的检测函数:
WS.check = function () {
return (‘WebSocket’ in global && !(‘__addTask’ in WebSocket))
        || ‘MozWebSocket’ in global;
};

很自然的,自定义的websocket.js与socket.io两者就能衔接在一起了。

9.因此,必须的页面JS加载顺序为:
<!–android平台需要添加,其它移动平台,比如IOS则不需要 –>
<!–一定要放在socket.io.min.js前面 –>
<script src="js/websocket.js"></script>
<script src="js/socket.io.min.js"></script>
在HTML页面端,我们仅仅需要添加一行<script src="js/websocket.js"></script>引用,让android平台下socket.io优先选择websocket,既简单又方便。
至于其它平台,则不需要考虑这么,只需要把/chatdemo/assets/www目录下打包成zip包(切记把<script src="js/websocket.js"></script>去除掉),上传到云构建平台自动构建即可。

KeyMob移动平台,是中国最优秀的随意自由切换平台,基于强大的技术支持、优质的服务。通过整合广告主、应用开发者和移动营销资源,为广告主提供精准的效果和品牌推广服务,为应用开发者创造更大的收益。

转载于:https://my.oschina.net/u/2505907/blog/551176

Android版添加phonegap--websocket客户端插件教程相关推荐

  1. Android版添加phonegap-银联支付插件教程

    2019独角兽企业重金招聘Python工程师标准>>> 1.下载插件包,将libs文件里面的文件拷贝到你的项目对应目录.并引入到你的路径里面. 2.拷贝res里的文件 至您工程的re ...

  2. android 银联插件,Android版添加phonegap-银联支付插件教程

    1.下载插件包,将libs文件里面的文件拷贝到你的项目对应目录.并引入到你的路径里面. 2.拷贝res里的文件 至您工程的res/drawable目录下. 3.拷贝Pgylpay.java到你的项目目 ...

  3. IOS版添加phonegap-银联支付插件教程

    2019独角兽企业重金招聘Python工程师标准>>> 1.下载插件包,将UPPayPlugin文件里面的拖放到你的xcode的根目录下面,同时选择拷贝到目录下面. 2.拷贝src里 ...

  4. IOS版添加phonegap-视频播放插件教程

    2019独角兽企业重金招聘Python工程师标准>>> 插件集成过程: 1.配置Target链接参数 选择 Build Settings | Linking | Other Link ...

  5. Android版添加phonegap--融云即时通讯插件教程

    集成过程: 1.先去融云官方注册一个账号,申请一个APP应用,然后获取App Key 和 App Secret .App Key 和 App Secret ,会在服务器端和app客户端用到. 2.下载 ...

  6. Android版添加phonegap-百度社会化分享插件教程

    2019独角兽企业重金招聘Python工程师标准>>> 1.下载插件包. 2. 解压所下载的包,从lib目录中得到所需要的所有的库: Baidu-SocialShare-SDK-An ...

  7. android 会话通讯插件,Android版添加phonegap--融云即时通讯插件教程

    集成过程: 1.先去融云官方注册一个账号,申请一个APP应用,然后获取App Key 和 App Secret .App Key 和 App Secret ,会在服务器端和app客户端用到. 2.下载 ...

  8. android开发我的新浪微博客户端系列教程

    android开发我的新浪微博客户端-载入页面UI篇(1.1)http://www.1000phone.net/thread-7750-1-1.html android开发我的新浪微博客户端-载入页面 ...

  9. Android版添加phonegap---为APP添加CNZZ统计插件教程

    2019独角兽企业重金招聘Python工程师标准>>> 一:导入JAR包 使用Eclipse进行开发的用户,首先将下载的MobileProbe.jar解压到本地工程目录下的libs子 ...

最新文章

  1. PAT A1030 动态规划
  2. 【OpenCV 例程200篇】05. 图像的属性(np.shape)
  3. zoj 3761(并查集+搜索)
  4. php中0, ,null和false的区别
  5. 基于Ubuntu Server 16.04 LTS版本安装和部署Django之(一):安装Python3-pip和Django
  6. oracle 12.1.0.1.0,oracle_linux安装oracle_12.1.0
  7. DPlayer.js视频播放插件
  8. String类-拆分字符串
  9. 计算机无法显示输入法怎么办,电脑系统教程:win7输入法不显示怎么办
  10. linux_C_fork函数/execv/execl的使用_数据类型pid_t/getpid/sleep /warning: missing sentinel in function call
  11. 简单总结下目前市场常见的理财产品
  12. 使用Python对一张图像进行高斯模糊
  13. 问题沟通以及反馈的原则 - BEST
  14. 一个强大图片的选择、裁剪工具—看这一个就够用了
  15. 二十六、 对偶问题(※※※)
  16. 4个小故事,分分钟看懂人民币汇率
  17. ABB机器人Sockets通讯
  18. 杰理AC632N—ADC电压检测
  19. 微信小程序文章怎么首行缩进或取消首行缩进
  20. Android M ROM 层拦截电话

热门文章

  1. linux中的dup和fcntl的用法
  2. 复习栈和队列,详解最小栈,栈的弹出压入序列,逆波兰表达式求值
  3. CodeForces - 1200C——小模拟
  4. select read write
  5. Vivado提高综合和实现的速度
  6. IDEA快速修改类名和文件名
  7. 09-排序1 排序 (25 分)
  8. 做了三年Java,docker网络映射配置
  9. Mybatis-plus常用API全套教程
  10. 阿里巴巴Android面试都问些什么?系列篇