Vue中如何高效使用WebSocket实现实时通信？

本文共计1566个文字，预计阅读时间需要7分钟。

目录 + WebSocket + WebSocket + 实例 + socket.io + 简介 + 客户端 + API + 总结 + WebSocket + WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通信的协议。WebSocket + 使得客户端和服务器之间的数据交换变得更为高效。WebSocket + 实现了客户端和服务器之间的全双工通信。

目录

• WebSocket
• WebSocket 实例
• socket.io 简介
• 客户端 api
• 总结

WebSocket

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

现在，很多网站为了实现推送技术，所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔（如每 1 秒），由浏览器对服务器发出 HTTP 请求，然后由服务器返回最新的数据给客户端的浏览器。