webSocket

简介: webSocket是什么webSocket是HTML5新出的一种协议,底层是基于TCP/IP协议的。跟http没有关系,只是复用了http握手通道,用来升级协议。

webSocket是什么

webSocket是HTML5新出的一种协议,底层是基于TCP/IP协议的。跟http没有关系,只是复用了http握手通道,用来升级协议。

webSocket的作用

轮询:客户端以一定的时间间隔向服务端发出请求,以频繁请求的方式来保持客户端和服务器端的同步。缺点:

  • 浏览器需要不断的向服务器发出请求,然而HTTP请求可能包含较长的头部,其中真正有效的数据可能只是很小的一部分,显然这样会浪费很多的带宽等资源。

长轮询:浏览器向服务器发送请求,服务器将请求保持打开一段时间。如果在该时间段内收到通知,则将包含该消息的响应发送到客户端。如果在设定的时间段内未收到通知,则服务器发送响应以终止打开的请求。缺点:

  • 当具有较高的消息量时,长轮询不会提供比传统轮询更大的性能改进
  • 服务器端会阻塞请求直到有数据传递或超时才返回

使用webSocket浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。
优点:

  • 能更好的节省服务器资源和带宽
  • 支持双向通信,实时性更强
  • 可以发送文本,也可以发送二进制数据

webSocket的使用

服务端:


var app = require('express')();
var WebSocket = require('ws');
var wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', function connection(ws) {
    ws.on('message', function incoming(message) {
        console.log(message);
    });
    ws.send('the content from server');
});
app.listen(3000,() => {
    console.log('you are listening port 3000');
});

客户端:


<script>
    var ws = new WebSocket('ws://localhost:8080');
    ws.onopen = function () {
        ws.send('the request from client');
    };
    ws.onmessage = function (e) {
        console.log('from server: ' + e.data);
    };
</script>

webSocket应用场景

社交聊天、弹幕、多玩家游戏、协同编辑、股票基金实时报价、体育实况更新、视频会议/聊天、基于位置的应用、在线教育、智能家居等需要高实时的场景

参考资料:

原文地址:https://segmentfault.com/a/1190000016594700
相关文章
|
14天前
websocket 的使用
websocket 的使用
|
前端开发 网络协议 API
什么是WebSocket?
WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455,并由RFC7936补充规范。WebSocket API也被W3C定为标准。
1412 0
什么是WebSocket?
|
18天前
websocket
websocket
13 0
|
2月前
|
移动开发 网络协议 安全
Websocket
Websocket
|
2月前
|
移动开发 网络协议 Java
WebSocket二
WebSocket二
|
5月前
|
监控 前端开发 安全
你使用过websocket吗?
你使用过websocket吗?
35 0
|
8月前
|
资源调度 网络协议 JavaScript
[NsetJs] 使用websocket简单介绍
WebSocket 是一种基于 TCP 的协议,它提供了双向实时通信的能力。相比传统的 HTTP 协议,WebSocket 具有更低的延迟和更高的性能。以下是 WebSocket 的一些特点和优势:
|
8月前
|
移动开发 网络协议 前端开发
WebSocket理解
WebSocket理解
|
8月前
|
网络协议 定位技术 PHP
【说说你对webSocket的理解?】
【说说你对webSocket的理解?】
|
9月前
|
监控 数据可视化 应用服务中间件
为什么要用webSocket?
为什么要用webSocket?
77 0