1、websocket
1.1 介绍
WebSocket 是一种实时通信协议，它允许客户端和服务器之间进行双向通信，而不需要每次请求都重新建立连接。WebSocket 是 HTML 5 中的新功能，它建立在 HTTP 协议之上，通过握手协议来建立持久化的连接。WebSocket 的握手协议比 HTTP 的握手协议更简单，因为 WebSocket 的连接建立后，客户端和服务器之间的数据交换是以二进制形式进行的，而不需要像 HTTP 那样进行文本解析。
1.2 主要特点
实时通信协议，允许双向通信。
建立在 HTTP 协议之上，通过握手协议来建立连接。
使用二进制协议传输数据，速度更快。
支持跨域通信。
支持服务器推送数据
2、Http
2.1 介绍
HTTP 全称是“超文本传输协议”（Hypertext Transfer Protocol），是 Web 应用程序最为广泛使用的协议之一。它建立在 TCP 协议之上，通过请求-响应模式来传输数据。在 HTTP 中，客户端发送一个请求到服务器，服务器接收到请求后，返回相应的响应。这个过程通常涉及到以下步骤：
客户端向服务器发送请求报文，报文中包含了请求方法、请求 URL、请求头和请求体等信息。
服务器接收到请求后，进行处理并返回响应报文，响应报文中包含了状态码、响应头和响应体等信息。
客户端接收到响应后，对响应进行解析并进行相应的操作。
HTTP 是一种无状态协议，每个请求-响应周期都是独立的。这意味着服务器不能维护客户端的状态信息，每次请求都需要重新验证身份和权限等信息。为了解决这个问题，HTTP 引入了 cookie 和 session 机制，通过在客户端和服务器之间传递状态信息来实现持久化状态。
2.2 主要特点
请求-响应模式，每个请求都是独立的。
无状态协议，服务器不能维护客户端的状态信息。
基于文本协议，易于理解和调试。
使用明文传输数据，安全性较低。
适用于请求-响应式的 Web 应用程序。
3、两者的区别
1、含义不同
Websocket：WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议。
Http：超文本传输协议（Hyper Text Transfer Protocol，HTTP）是一个简单的请求-响应协议，它通常运行在 TCP 之上，是单向的通信协议。
2、连接方式不同
Websocket：WebSocket 是需要浏览器和服务器握手进行建立连接的，只需要建立一次连接，之后可以保持连接状态并进行双向通信。
Http：http 是浏览器发起向服务器的连接，服务器预先并不知道这个连接，每次请求都需要重新建立连接。
3、连接长度不同
Websocket：websocket 是持久连接。
Http：http 是短连接 (http 可以通过 Ajax 一直发送请求和长轮询保持一段时间内的连接，但本质上还是短连接)。
4、连接状态不同
Websocket：websocket 是有状态的双向连接。
Http：http 是无状态的单向连接。
5、协议开头不同
Websocket：websocket 的协议是以 ws/wss 开头。
Http：http 对应的是 http/https。
6、数据传输方式不同
Websocket：客户端和服务器之间的通信是以二进制形式进行的。这意味着，WebSocket 可以更快地传输数据，并且能够处理更复杂的数据类型。
Http：数据的传输是通过请求-响应模式进行的。客户端发送请求，服务器返回响应。在这个过程中，客户端和服务器之间的通信都是通过文本进行的。
7、支持的数据类型不同
Websocket：可以支持更复杂的数据类型，例如视频流和实时游戏数据等。
Http：通常只支持文本、图像和音频等静态数据类型。
8、安全性不同
Websocket：数据是以二进制形式进行传输的，因此安全性更高，不容易被窃取或篡改。
Http：数据是以明文形式进行传输的，因此容易被窃取或篡改。
9、实时性不同
Websocket：可以实现实时的双向通信，因此在实时性要求较高的应用中更为适用。
Http：客户端只能在收到服务器响应后才能更新数据。这意味着，在实时性要求较高的应用中，HTTP 可能无法满足需求。