React Native WebSocket使用

最新推荐文章于 2024-09-10 05:36:05 发布

大漠-孤烟

最新推荐文章于 2024-09-10 05:36:05 发布

阅读量7.9k

点赞数

分类专栏： React Native Node.js

本文链接：https://blog.csdn.net/returnnull0/article/details/94466012

版权

本文介绍了如何在React Native中使用WebSocket进行双向通信，并详细阐述了客户端的心跳检测和断开重连机制。提供了客户端WebSocketClient.js的代码示例以及使用node.js服务端server.js的说明。

摘要由CSDN通过智能技术生成

可在客户端和服务端双向通信，加入了客户端心跳检测和断开重连机制，代码实现过程已经有比较详细的注释

React Native 客户端代码WebSocketClient.js

import {
    DeviceEventEmitter
} from 'react-native';
const url = 'ws://xxx/websocket/chat';
let that = null;

export default class WebSocketClient {
    constructor() {
        this.ws = null;
        that = this;
    }

    /**
     * 获取WebSocket单例
     * @returns {WebSocketClient}
     */
    static getInstance() {
        if (!this.instance) {
            this.instance = new WebSocketClient();
        }
        return this.instance;
    }

    /**
     * 初始化WebSocket
     */
    initWebSocket() {
        try {
            //timer为发送心跳的计时器
            this.timer && clearInterval(this.timer);
            this.ws = new WebSocket(url);
            this.initWsEvent();
        }