websocket测试通信

原创已于 2026-01-21 16:54:35 修改 · 108 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#websocket #前端 #javascript

于 2026-01-21 16:39:08 首次发布

1.在wsl的linux系统中搭建服务器

安装websocketd 用来当服务器用

sudo apt install websocketd

创建一个count.sh的文件内容为并且 chmod +x count.sh

#!/bin/bash
# count.sh - 每秒输出一个递增的数字
count=1
while true; do
  echo $count
  count=$((count + 1))
  sleep 1
done

执行

chmod +x count.sh
websocketd --port=8899 ./count.sh

或者把接收到的数据在发回去如
echo.sh

#!/bin/bash
# echo.sh - 读取客户端输入，原样返回（加前缀）
while read line; do
  echo "服务端收到：$line"
done

2.使用chrome浏览器在命令行内直接执行下列代码

// 创建 WebSocket 客户端连接
const ws = new WebSocket('ws://localhost:8899');

// 连接成功回调
ws.onopen = () => {
    console.log("连接成功");
    ws.send("我是浏览器控制台发送的消息！"); // 发送消息
};

// 接收服务端消息回调
ws.onmessage = (event) => {
    console.log("收到服务端消息：", event.data);
};

或者安装浏览器插件油猴,新建一个script

// ==UserScript==
// @name         websocket客户端
// @namespace    http://tampermonkey.net/
// @version      2026-01-21
// @description  try to take over the world!
// @author       You
// @match        https://*/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==

(function() {
  
const ws = new WebSocket('ws://localhost:8899');

// 连接成功回调
ws.onopen = () => {
    console.log("连接成功");
    ws.send("我是浏览器控制台发送的消息！"); // 发送消息
};

// 接收服务端消息回调
ws.onmessage = (event) => {
    console.log("收到服务端消息：", event.data);
};
    // Your code here...
})();