网站介绍

这是一个基于WebSocket技术的实时通信网站。通过使用WebSocket技术，用户可以在网页上实现实时双向通信，无需刷新页面即可接收到对方发送的消息。此外，该网站还提供了一个简单的查询解析功能，可以方便地获取当前URL中的查询参数。

WebSocket服务器地址

  • 地址: ws://127.0.0.1:5001/

WebSocket服务器运行在本地主机的5001端口上。用户可以通过该地址连接到服务器进行实时通信。

查询参数解析

该网站还提供了一个简单的查询参数解析功能，可以方便地获取当前URL中的查询参数。用户在访问该网站时，可以将查询参数以键值对的形式附加到URL后面，例如：www.example.com?name=John&age=30。当用户点击页面上的某个链接或按钮时，可以通过解析URL中的查询参数来获取相应的信息。

使用方法

要使用该网站的功能，请按照以下步骤进行操作：

  1. 确保你的计算机上已安装了最新版本的浏览器(如Chrome、Firefox等)。
  2. 在浏览器中打开该网站(http://localhost:8080)。
  3. 如果需要与其他人进行实时通信，请在浏览器地址栏中输入WebSocket服务器的地址(ws://127.0.0.1:5001/),然后点击”连接”按钮建立连接。
  4. 在需要获取查询参数的地方，可以使用JavaScript代码解析URL中的查询参数。示例代码如下：
if ('WebSocket' in window) {
var address = "ws://127.0.0.1:5001/";
var parse_query = function() {
var str = location.search.slice(location.search.indexOf('?') + 1);
if (str.indexOf('&') != -1) {
var arr = str.split('&');
var obj = {};
for (var i = 0; i < arr.length; i++) {
var el = arr[i];
var key = el.slice(0, el.indexOf('='));
var value = el.slice(el.indexOf('=') + 1);
obj[key] = decodeURIComponent(value);
}
return obj;
} else {
var obj = {};
var key = str.slice(0, str.indexOf('='));
var value = str.slice(str.indexOf('=') + 1);
obj[key] = decodeURIComponent(value);
}
return obj;
}(); // 调用函数解析查询参数为对象形式的结果
console.log(parse_query); // 打印查询参数的对象形式结果
} else {
alert("当前浏览器不支持WebSocket!");
}
  1. 在上述示例代码中，我们通过location.search获取当前URL中的查询参数部分，并使用字符串分割和解码的方式将其解析为一个键值对的对象。最后，我们将解析后的结果打印到控制台上供查看。你可以根据实际需求对查询参数进行进一步的处理和使用。