前端实现即时通讯的方法整理_前端聊天功能如何实现

前言

今天一起来看一下前端领域常用的即时通讯技术都有哪些，分别聊一聊它们的优缺点~

一、前端如何实现即时通讯？

严格意义上: HTTP协议只能做到客户端请求服务器, 服务器做出响应, 做不到让服务器主动给客户端推送消息!

那么如果服务器数据更新了, 想要即时通知到客户端怎么办呢 ? (即时通信需求)

即时通信需求: 服务器数据一有更新, 希望推送给到浏览器

基于Web的前端，存在以下几种可实现即时通讯的方式：

• 短轮询 (历史方案)

  开个定时器, 每隔一段时间发请求 (实时性不强)

• Comet - ajax长轮询(历史方案)

  发送一个请求, 服务器只要数据不更新, 就一直阻塞 (服务器压力过大)

• SSE

  (利用了http协议, 流数据的传输, 并不是严格意义的双向通信, 无法复用连接)

• WebSocket (主流)

  性能和效率都高!

二、短轮询

短轮询就是客户端定时发送请求，获取服务器上的最新数据。不是真正的即时通讯，但一定程度上可以模拟即时通讯的效果。

优缺点：