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官方文档
最后修改于 2020-07-02 10:29:50
如果觉得我的文章对你有用,请随意赞赏
扫一扫支付

