获取基于Websocket的网络延时

获取基于Websocket的网络延时


npm下载nodejs-websocket

npm install nodejs-websocket

构建服务器,接收ping请求,并返回pong请求

var ws = require("nodejs-websocket");
console.log("开始建立连接...")
var server = ws.createServer(function(conn){
    conn.on("text", function (str) {
        if (str.indexOf('ping') !== -1) {
            console.log("收到客户端"+str);
            setTimeout(() => {
                conn.sendText(str.replace(/i/, "o"))
            }, Math.random()*470+10);
            
        }
        setTimeout(() => {
            conn.sendText("我是服务器")
        },1000); 
    })
    conn.on("close", function (code, reason) {
        console.log("关闭连接")
    });
    conn.on("error", function (code, reason) {
        console.log("异常关闭")
    });
}).listen(8001)
console.log("WebSocket建立完毕")

连接成功后发送请求,并记录时间并存入数组

ws.onopen = function (e) {
			//发送ping包
			pingInterval = setInterval(() => {
				let now = new Date().getTime();
				let timeStampKey = now.toString().substr(3);
				// 随机清栈
				if(Object.keys(timemap).length > 10){
					timemap = {};
					
				}
				console.log(Object.keys(timemap).length);
				timemap[timeStampKey] = [now];
				ws.send('ping'+ timeStampKey)
			}, 1000);

接收服务端返回信息,记录时间,寻找对应位置并存入

console.log(timemap);
			if (message.data.indexOf('pong') !== -1) {
				var timeStampKey = message.data.slice(4);
				let backtime = new Date().getTime();
				if (timemap[timeStampKey]) {
					timemap[timeStampKey].push(backtime);
				}
				let netspeed = getAverage(timemap);
				document.getElementById('netspeed').innerHTML = netspeed ;
			}

求平均值

function getAverage(map) {
			let sum = 0;
			for (let i in map) {
				if (map[i].length === 2)
					sum += (map[i][1] - map[i][0])
			}
			return Math.round(sum / Object.keys(map).length);
		}

最终效果
在这里插入图片描述

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 很抱歉,作为AI语言模型,我没有权限或能力为您提供代码。但是,以下是一个简单的WebSocket客户端示例,可用于理解WebSocket的工作原理: ``` const WebSocket = require('ws'); const ws = new WebSocket('ws://localhost:8080'); ws.on('open', function open() { console.log('WebSocket connected'); ws.send('Hello, Server!'); }); ws.on('message', function incoming(data) { console.log('Server says: %s', data); }); ws.on('close', function close() { console.log('WebSocket disconnected'); }); ws.on('error', function error() { console.log('WebSocket error'); }); ``` 它使用Node.js内置的WebSocket模块,连接到本地主机上的WebSocket服务器,并在连接建立后发送一条消息“Hello,Server!”。当服务器发送消息时,将在控制台上记录该消息。如果WebSocket连接关闭或出现错误,则相应的事件处理程序将被调用。 ### 回答2: websocket是一种基于TCP协议的全双工通信协议,它可以在客户端和服务器之间建立长久的连接,实现实时的双向通信。相比传统的HTTP请求,websocket可以节省通信开销和延迟时间。 在编写websocket代码时,通常需要使用一种编程语言的特定库来实现websocket连接。下面以JavaScript为例,简单介绍websocket代码的基本结构和使用方法。 首先,需要创建一个websocket对象,通过websocket的构造函数可以传入服务器的地址,例如: ``` var socket = new WebSocket("ws://localhost:8080"); ``` 然后,可以使用socket对象提供的事件回调函数来处理websocket的不同状态和消息。 ``` socket.onopen = function(event) { // 连接建立后执行的代码 } socket.onmessage = function(event) { // 收到服务器推送的消息后执行的代码 var message = event.data; // 获取消息内容 // ... } socket.onclose = function(event) { // 连接关闭后执行的代码 } socket.onerror = function(event) { // 连接错误时执行的代码 } ``` 接下来,可以使用socket对象提供的方法来发送数据给服务器或关闭连接。 ``` socket.send("Hello server!"); // 发送消息给服务器 socket.close(); // 关闭连接 ``` 最后,记得在服务器端也配置相应的websocket服务,以接收和处理来自客户端的websocket连接和消息。 总的来说,websocket代码的基本结构包括创建websocket对象、设置事件回调函数、处理收到的消息、发送消息和关闭连接等。通过websocket,可以实现客户端和服务器之间的实时双向通信。不同的编程语言和库可能有些细节上的差异,但基本原理和用法是相通的。 ### 回答3: Websocket网络套接字)是一种在客户端和服务器之间实现双向通信的协议。下面是一个简单的Websocket代码示例: 在服务器端: 1. 导入WebSocket模块。例如,在Node.js中,可以使用"ws"模块。 2. 创建一个WebSocket服务器对象,监听指定的端口。例如,可以使用"new WebSocket.Server({ port: 8080 })"。 3. 监听连接事件,当有客户端连接时,执行回调函数。例如,可以使用"server.on('connection', function(socket) { ... })"。 4. 在连接事件回调函数中,监听消息事件和关闭事件。例如,可以使用"socket.on('message', function(message) { ... })"和"socket.on('close', function() { ... })"。 5. 在消息事件回调函数中,处理接收到的客户端消息。可以根据需要解析消息内容,并根据业务逻辑执行相应的操作,例如发送消息给其他客户端。 6. 在关闭事件回调函数中,处理客户端断开连接的情况。例如,可以从服务器的客户端列表中移除该客户端。 在客户端: 1. 创建一个WebSocket对象,指定连接的服务器地址。例如,可以使用"new WebSocket('ws://localhost:8080')"。 2. 监听连接打开、接收到消息和连接关闭等事件。例如,可以使用"socket.onopen = function() { ... }"、"socket.onmessage = function(event) { ... }"和"socket.onclose = function() { ... }"。 3. 在连接打开事件回调函数中,可以发送消息给服务器。可以使用"socket.send(message)"发送消息。 4. 在接收到消息事件回调函数中,处理服务器发送过来的消息。例如,可以解析消息内容并展示在界面上。 5. 在连接关闭事件回调函数中,处理连接断开的情况。例如,可以提示用户连接已关闭。 上述是一个简单的Websocket代码示例,具体的实现方式可能依赖于使用的编程语言和框架。不同的语言和框架可能会有自己的Websocket库和特定的代码实现细节。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值