Android 使用socket.io 实现实时通信

在这篇文章你将学习到:

  • Socket.io 简介和官网例子
  • 学习 Socket.io 个重要的 api
  • 实在一个简单的多人聊天室

一、简介

WebSocket是HTML5最新提出的规范,虽然主流浏览器都已经支持,但仍然可能有不兼容的情况,为了兼容所有浏览器,给程序员提供一致的编程体验,SocketIO将WebSocket、AJAX和其它的通信方式全部封装成了统一的通信接口,也就是说,我们在使用SocketIO时,不用担心兼容问题,底层会自动选用最佳的通信方式。因此说,WebSocket是SocketIO的一个子集。

socket.io 的学习也非常简单,如果你使用过 nodejs ,并用 socket.io 搭建信令服务器,就会发现,Android 端的 API 与 js 的基本一致,在学习 Android 端的 socket.io ,官网也给出了例子:
Android 例子: https://github.com/nkzawa/socket.io-android-chat
本项目地址:https://github.com/LillteZheng/SocketIoDemo

项目效果如下:
在这里插入图片描述

二、socket 重要 api

首先关联 socket.io

 compile ('io.socket:socket.io-client:1.0.0') {
        // excluding org.json which is provided by Android
        exclude group: 'org.json', module: 'json'
    }

在 Androidminafest.xml中加入网络权限:

<uses-permission android:name="android.permission.INTERNET"/>

接着认识两个比较主要的api ,sockt.emit 和 socket.on:
emit 和 on 是相互相成的,当 on 注册中的关键字与 emit 匹配时,on 的事件才会相应:

比如客户端注册了 login 事件:

  mSocket.on("login",LoginListener);

此时,只有 服务器端那边发送了 socket.emit(“login”)或者其他服务端也发送了,该事件才会响应;

三、实现一个多人聊天

其实官网已经有例子了,我的demo只是在它的基础上优化了一些结构:
首先是获取 socket 的实例和开始连接:

    public Socket getSocket(){
       if (mSocket == null) {
           try {
               mSocket = IO.socket(IO_SERVER_URL);
           } catch (URISyntaxException e) {
               e.printStackTrace();
           }
       }
        mSocket.connect();
        return mSocket;
    }

其中 IO_SERVER_URL 为:

private static final String IO_SERVER_URL = "https://socket-io-chat.now.sh/";

它是socket.io官网提供,若自己编写了scoekt.io的服务器,也可以直接替换 url

官网的 URL 有几个回调属性:

// 发送 add user 之后会回调 login 
mSocket.emit("add user",name);

所以,我们可以在 login 的回调中,跳转到其他页面:

在这里插入图片描述
在 MsgFragment 找那个,主要注册相关的事件即可:

private void getSocketMsg(){
        mSocket.on("user joined", new Emitter.Listener() {
            @Override
            public void call(Object... args) {
                JSONObject data = (JSONObject) args[0];
                String username;
                int numUsers;
                try {
                    username = data.getString("username");
                    numUsers = data.getInt("numUsers");
                } catch (JSONException e) {
                    Log.e(TAG, e.getMessage());
                    return;
                }
                updateUI(new User(username," 加入房间"));
            }
        });

        mSocket.on("new message", new Emitter.Listener() {
            @Override
            public void call(Object... args) {
                JSONObject data = (JSONObject) args[0];
                String username;
                int message;
                try {
                    username = data.getString("username");
                    message = data.getInt("message");
                } catch (JSONException e) {
                    Log.e(TAG, e.getMessage());
                    return;
                }
                updateUI(new User(username,": "+message));
            }
        });
        mSocket.on("user left", new Emitter.Listener() {
            @Override
            public void call(Object... args) {
                JSONObject data = (JSONObject) args[0];
                String username;
                try {
                    username = data.getString("username");
                } catch (JSONException e) {
                    Log.e(TAG, e.getMessage());
                    return;
                }
                updateUI(new User(username," 离开了房间"));
            }
        });
    }

其中发送新消息事件为:

 mSocket.emit("new message", message);

最后,别忘了在活动结束,关闭连接:

    @Override
    public void onDestroy() {
        super.onDestroy();
        mSocket.off();
        mSocket.disconnect();
    }
  • 2
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Socket.IO是一个实时应用程序框架,它允许服务器和客户端之进行双向通信。它提供了一种简单而强大的方式来构建实时应用程序,包括聊天应用、实时分析、实时协作等。 UniApp是一个基于Vue.js的跨平台开发框架,可以同时开发iOS、Android和Web应用。它提供了一套统一的API和组件,使得开发者可以使用一套代码构建多个平台的应用。 在UniApp中使用Socket.IO,你可以通过以下步骤进行配置和使用: 1. 安装Socket.IO库:在UniApp项目中,可以使用npm或者yarn安装Socket.IO库。在项目根目录下执行以下命令: ``` npm install socket.io-client ``` 2. 创建Socket.IO实例:在需要使用Socket.IO的页面或组件中,引入Socket.IO库,并创建一个Socket.IO实例。示例代码如下: ```javascript import io from 'socket.io-client'; // 创建Socket.IO实例 const socket = io('http://your-server-url'); ``` 3. 监听事件:通过Socket.IO实例,你可以监听服务器发送的事件,并在事件触发时执行相应的逻辑。示例代码如下: ```javascript // 监听服务器发送的消息事件 socket.on('message', (data) => { console.log('收到消息:', data); }); ``` 4. 发送事件:通过Socket.IO实例,你可以向服务器发送事件,并传递相应的数据。示例代码如下: ```javascript // 发送消息事件 socket.emit('message', 'Hello, server!'); ``` 这样,你就可以在UniApp中使用Socket.IO进行实时通信了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值