ws 实时通讯

本文演示了如何通过npm安装ws库,并在React组件中建立WebSocket连接到localhost:8181。当连接打开时,它会发送数据,并设置onmessage事件处理器来接收和打印接收到的数据,同时处理连接关闭的情况。

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

1:安装插件npm i ws -S

2:直接用就好啦,send是向后台传输数据

import React from "react";
export default function Ws(props) {
    let ws = new WebSocket("ws://localhost:8181")
    ws.onopen = function () {
        console.log('已连接');
        ws.send("发送数据")
    }

    ws.onmessage = function (evt) {
        let received_msg = evt.data
        console.log('received_msg', received_msg);
    }

    ws.onclose = function () {
        console.log('连接已关闭...');
    }
    return (
        <div>

        </div>
    )
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值