[网络协议] websocket

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 网络协议 -> websocket -> 正文阅读

[网络协议]websocket

1. websocket背景

由于HTTP 协议有一个明显的缺陷：通信只能由客户端发起。
举例来说，我们想了解今天的天气，只能是客户端向服务器发出请求，服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。

这种单向请求的特点，注定了如果服务器有连续的状态变化，客户端要获知就只能使用"轮询"：每隔一段时候，就发出一个请求，了解服务器有没有新的信息。最典型的场景就是聊天室。轮询的效率低，非常浪费资源（因为必须不停连接，或者 HTTP 连接始终打开）。

WebSocket 就是基于这种场景诞生的。

2. websocket特点

websocket协议是一种浏览器的API，它的目标是在一个单独的持久连接上提供全双工、双向通信。

在这里插入图片描述
webSockets特点：

服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。
建立在 TCP 协议之上，服务器端的实现比较容易。
与 HTTP 协议有着良好的兼容性。默认端口也是80和443，并且握手阶段采用 HTTP 协议，因此握手时不容易屏蔽，能通过各种 HTTP 代理服务器。
数据格式比较轻量，性能开销小，通信高效。
可以发送文本，也可以发送二进制数据。
没有同源限制，客户端可以与任意服务器通信。
使用了自定义协议，协议标识符是ws（如果加密，则为wss），服务器网址就是 URL。

例：
ws://example.com:80/some/path
wss://example.com:443/some/path

在这里插入图片描述

3. websocket基本使用

websocket基本使用

const url = "wss://echo.websocket.org"
// 创建WebSockt，实例一个对象，并传入要链接的url，执行该句之后，客户端就会与服务器进行连接。
var ws = new WebSocket(url);

ws.onopen = function(evt) { 
  console.log("Connection open ..."); 
  // send()方法发送数据
  ws.send("Hello WebSockets!");
};
// 服务器发来的消息时，会触发message事件
ws.onmessage = function(evt) {
  console.log( "Received Message: " + evt.data);
  ws.close();
};

ws.onclose = function(evt) {
  console.log("Connection closed.");
};  
// 在发生错误时触发error事件，连接不能持续
ws.onerror = function(){
	alter("发生错误");
}