websocket基础

最新推荐文章于 2024-07-25 11:21:27 发布

源刃

最新推荐文章于 2024-07-25 11:21:27 发布

阅读量766

点赞数 1

分类专栏：记录笔记文章标签： websocket 网络协议网络

本文链接：https://blog.csdn.net/qq_27685463/article/details/126796510

版权

笔记同时被 2 个专栏收录

40 篇文章 0 订阅

订阅专栏

记录

38 篇文章 1 订阅

订阅专栏

websocket基础

1.传统的是HTTP模式，
2.websocket
原生websocket 的简单使用案例

1.传统的是HTTP模式，

因为 HTTP 协议有一个缺陷：通信只能由客户端发起一个request对应一个respond
通信是单向的，请求==响应
没有请求就没有响应，举个例子：就比如我需要查询天气，只能是从客户端发送请求，接受查询结果。HTTP做不到主动向客户端推送信息，这种单向的请求的特点，注定如果服务器有连续的状态变化，客户端想要及时了解就很不方便，只能通过轮询的方式实现，这样是非常浪费资源的因为需要不停的连接,所以发明了websocket

2.websocket

websocket 是一种网络传输协议，可在单个TCP连接进行全双工通信，位于OSI模型的应用层
最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话
特点：

TCP连接，与HTTP协议兼容
双向通信，主动推送（服务端向客户端）
无同源限制，协议标识符是WS（加密wss）

应用场景：

聊天，消息，点赞，
直播弹幕
游戏，协同编辑，基于位置的应用

原生websocket 的简单使用案例

我使用的node.js平台做的一个服务端，开启websocket服务
在sever.js文件中 ,建立服务先安装ws模块
npm i ws
在sever.js中

const WebSocket=require('ws');//引入模块
const wss=new WebSocket.Server({port:3000});//监听本地3000端口
wss.on('connection',(ws)=>{//对连接进行监听
    console.log("监听到服务");
    ws.on('message',(msg)=>{//同时接受客户端发送的信息
        console.log(msg);
    })
    ws.send('message form server');//向客户端发送的信息
})

服务端建立好之后接下载，看客户端
新建一个HTML文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // WebSocket通信测试网址
        const ws=new WebSocket('http://127.0.0.1:3000');//连接本地测试地址
        //实例对象的onopen属性，用于指定连接成功后的回调函数
        //如果要指定多个回调函数，可以使用addEventListener方法。
        ws.onopen=function(){
           console.lgo("连接建立成功！")
           //建立成功之后 可以使用这个连接对象进行通信发送消息
           ws.send('我是服务端');
        }

        ws.onmessage=function(msg){
            console.log(msg.data);
        }
    </script>
</body>
</html>l

接下来在控制台输入node sever.js来启动服务
在浏览器控制台可以看到
客户端结果
连接成功，并接收到服务端发来的消息

websocket有很多API

源刃

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
websocket基础

没有请求就没有响应，举个例子：就比如我需要查询天气，只能是从客户端发送请求，接受查询结果。HTTP做不到主动向客户端推送信息，这种单向的请求的特点，注定如果服务器有连续的状态变化，客户端想要及时了解就很不方便，只能通过轮询的方式实现，这样是非常浪费资源的因为需要不停的连接,所以发明了websocket。最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话。我使用的node.js平台做的一个服务端，开启websocket服务。通信是单向的，请求==响应。
复制链接

扫一扫