websocket测试通信

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

安装websocketd 用来当服务器用

cpp 复制代码
sudo apt install websocketd

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

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

执行

cpp 复制代码
chmod +x count.sh
websocketd --port=8899 ./count.sh

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

echo.sh

cpp 复制代码
#!/bin/bash
# echo.sh - 读取客户端输入,原样返回(加前缀)
while read line; do
  echo "服务端收到:$line"
done

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

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

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

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

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

cpp 复制代码
// ==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...
})();
相关推荐
weixin_404679312 小时前
edge alt tab怎么关
前端·edge
吃吃喝喝小朋友2 小时前
JavaScript文件的操作方法
开发语言·javascript·ecmascript
Trae1ounG2 小时前
模块间通信解耦
javascript
2501_944526422 小时前
Flutter for OpenHarmony 万能游戏库App实战 - 知识问答游戏实现
android·开发语言·javascript·python·flutter·游戏·harmonyos
CHU7290352 小时前
线上扭蛋机拆盒小程序前端功能版块解析
前端·小程序·php
卿着飞翔2 小时前
Vue使用yarn进行管理
前端·javascript·vue.js
夏天想2 小时前
vue通过iframe引入一个外链地址,怎么保证每次切换回这个已经打开的tab页的时候iframe不会重新加载
前端·javascript·vue.js
GISer_Jing2 小时前
2026年前端开发目标(From豆包)
前端·学习·aigc
wenjianhai2 小时前
WebSocket调试工具---Apifox
网络·websocket·网络协议