react使用socket-client

下载

nom i socket.io-client --save

使用

import io from 'socket.io-client'

// 创建socket连接，http使用ws协议，https使用wss协议
const socket = io('wss://www.dubo.world', {
      reconnectionAttempts: 10,
      query: {
           uid: this.state.user.uid
      }
})

// 发送消息
socket.emit('CHAT_SEND', {}, {})

// 接收消息
socket.on('CHAT_RES', res => {
       // res返回格式有前后端自己协定
       if (res.status === 200) {
           console.log(res)
       }
 })

// https需要服务器端nginx配置代理才可以连接成功

// nginx.conf
location /socket.io/ {
            proxy_pass http://68.xxx.xxx.xxx:7001;           
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "Upgrade";
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Host $host;
}