websocket 的使用以及在react中的使用

最新推荐文章于 2024-07-18 10:50:27 发布

捧鲜花的唐老鸭

最新推荐文章于 2024-07-18 10:50:27 发布

阅读量1.3k

点赞数

文章标签： websocket html5 网络协议

本文链接：https://blog.csdn.net/weixin_58207509/article/details/121798673

版权

WebSocket协议作为2011年的国际标准，提供双向通信能力。在即时通讯、聊天室和点餐等场景中广泛应用。本文介绍了WebSocket的基础知识，包括socket技术，强调了在React和TypeScript环境中如何使用socket.io进行API交互和建立连接。

摘要由CSDN通过智能技术生成

WebSocket 协议在2008年诞生，2011年成为国际标准。所有浏览器都已经支持了。

它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。

典型的websocket应用场景：

- 即时通讯.....客服
- 聊天室广播
- 点餐

安装包：npm i socket.io-client 只安装客户端要使用到的包

import io from 'socket.io-client'

// 和服务器建立了链接
const client = io('地址', {
    query: {
        token: 用户token
    },
    transports: ['websocket']
})

服务器进行通讯

// connect， disconnect 是固定的名字
client.on('connect', () => {})

关注