关于websocket的简单实用

前端小伙伴需要做的首先是:
创建一个websocker的对象

一 连接后端

let ws = new WebSocket(‘ws://localhost:9998’)
ws://localhost:9998这个地址说后端小伙计给你的一个地址

然后通过调用websocket的三种方法
1、ws.onopen = () => {
console.log(连接成功)
}
2、ws.onclose = () => {
console.log(连接失败)
}
3、ws.onmessage = (msg) => {
console.log(接收到从服务端发送过来的数据)
console.log(msg)
}

二发送信息
ws.send(’‘你想要发送的信息 )’

以上的都可以写在函数体内

后端要做的是
1 npm i ws -S 安装包
2引入包 const WebSocket = require(‘ws’)
3创建webSocket服务端的对象,绑定的端口号是9998
const wss = new WebSocket.Server({
port:9998
})
4对客户端的连接事件进行监听
// client代表的是哭护短的连接socket对象
wss.on(‘connection’,client =>{
.log(‘客户端连接成功了’)
client.on(message,msg = > {
.log(msg)
client.send(‘hello 我要发送给前端的信息’)
})
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值