websocket问题总结

本文介绍了一种使用WebSocket进行网络测试的方法,包括配置服务器端口、客户端连接及数据交互过程。通过网络调试助手设置TCPServer,并在客户端使用JavaScript实现WebSocket连接与监听。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、本地使用网络调试助手测试
1、网络调试助手,协议类型选择TCP Server,本地主机地址选择127.0.0.1,打开一个8995端口
在这里插入图片描述
2、打开客户端测试工具
在这里插入图片描述
在这里插入图片描述
3、客户端连接 ws://127.0.0.1:8996/

let wsPath ="ws://127.0.0.1:8996/"
export function initWebSocket(callback){
  if (typeof(WebSocket) === "undefined") {
    alert("您的浏览器不支持socket")
  } else {
  //断掉重连使用ReconnectingWebSocket
      socket = new ReconnectingWebSocket(wsPath )
    // 监听socket连接
    socket.onopen = function(e){
      console.log("sucess")
    }
    // 监听socket错误信息
    socket.onerror = function(e){
      console.log("error");
    }
    socket.onclose = function(e){
      console.log("close");
    }
    //接收数据
    socket.onmessage = function(e){
		console.log(e.data);
	}
}

4、网络调试助手发送测试数据即可

二、websocket本地可以,测试环境连接不上问题
1、前端地址
ws://10.150.112.52:18080/websocket?token=b98a7ebd159949dd9b656956d62758f0
2、需要在nginx中设置代理
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值