1、HTML中直接使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>webSocket socketIo</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.dev.js"></script>
</head>
<body>
<script>
     var socket = io.connect("http://192.168.8.17:9991",
     {query: "token=J0eXBlIj I"}
     );
    // 监听实时数据
    socket.on("PASS_PEOPLE_INFO",function(data){
      console.log(data)
    })
   // 监听链接成功
    socket.on("connect",function(data){
      console.log(data)
         console.log("链接成功")
    })
   // 监听断开链接
   socket.on("disconnect",function(data){
      console.log("断开了链接")
    })
   // 发送数据
   // socket.emit("event_name",data)

   // 如果需要断开链接,调用 disconnect 函数
   //  socket.disconnect()
    
</script>
</body>
</html>

更多的 socketIo CDN 如下

https://cdnjs.com/libraries/socket.io

CDN不稳定,最好使用本地js文件

2、node 中直接使用

安装socket.io客户端组件 socket.io-client

npm install socket.io-client --save

使用,是和js直接引用是一样的

import io from 'socket.io-client';  
var socket = io.connect("http://192.168.8.48:9992",
        {query: "saas-token=zzjh;eyJ0eXBlIjoiSldUIQ"}
    );
    // 监听实时数据
    socket.on("PASS_PEOPLE_INFO",function(data){
        window.notifyData && window.notifyData(data)
        console.log(data)
    })
// 监听链接成功
    socket.on("connect",function(data){
        console.log(data)
        console.log("链接成功")
    })
// 监听断开链接
    socket.on("disconnect",function(data){
        console.log("断开了链接")
    })

 

3、服务器段获取并验证token,Java 伪代码如下

SocketIOClient client
String token = client.getHandshakeData().getSingleUrlParam("saas-token");

 

4、socketIO官方文档

https://socket.io/docs/client-api/#io-protocol

最后修改于 2020-07-02 10:29:50
如果觉得我的文章对你有用,请随意赞赏
扫一扫支付
上一篇