服务端如何推送消息给客户端?
大家好,我是前端西瓜哥,今天带大家了解一下服务端如何推送消息给客户端。
有时候,我们希望服务端能够主动推送一些信息给客户端。但 HTTP 协议只能让客户端发起请求然后服务端响应,而无法让服务端主动去发送信息。
为了解决这个问题,我们有三种常见的解决方案:短轮询、长轮询、WebSocket。
短轮询
短轮询,就是不停地间隔一段时间发一个 HTTP 请求,直到拿到需要的信息才结束。
假设用户用支付平台支付了我们的订单,但因为支付平台是异步通知到我们的服务器,前端页面无法拿到支持是否成功的信息,需要服务器去告知前端。
我们用短轮询,大概是这样子:
A:订单完成了吗?
B:没有。
A:(200ms 后)订单完成了吗?
B:没有。
A:(接收请求再200ms 后)订单完成了吗?
B:没有。
…(问答持续了好几次)
A:订单完成了吗?
B:完成了。
轮询结束,这样 A 就拿到了订单完成的信息,进行订单完成的 UI 展示。
短轮询实现简单,服务端不需要做太多特殊处理,但频繁地发送请求,会更消耗带宽。
长轮询
长轮询:客户端发一个 HTTP 请求,服务端长时间将连接挂起,长时间不返回数据,直到拿到需要信息才返回。
大概这样子:
A:订单完成了吗?
…(过了好一段时间)
B:完成了。
这样轮询就结束了。
长轮询的问题是 HTTP 变成了一个长连接,长时间没有反应,有可能因为资源不足被意外关闭。极端情况下可能还会触发网关的超时错误,返回 504 网关超时。这些情况都需要一些策略进行处理。
此外代码实现上相比短轮询也复杂,比如订单是否完成,你要监听某个订单的状态变化,然后通知到特定的请求上,比短轮询的直接读数据库返回数据要麻烦得多。
WebSocket
因为有服务端主动推送消息的需求,所以 WebSocket 协议出现了。
WebSocket 和 HTTP 协议一样,是应用层协议,上层也是依靠传输层的 TCP 协议进行数据传输。
不同的是,WebSocket 有完整的全双工能力,支持服务端主动推送,且具有较低的开销。在服务端推送比较重的应用中,比如聊天室,WebSocket 是不二人选。
浏览器建立 WebSocket 的过程:先发送 HTTP 请求,其中带上请求升级为 WebSocket 的相关头字段,服务端如果支持,就会返回 101 状态码,表示可以切换协议,建立好 WebSocket 连接。
之后浏览器就可以通过监听事件的方式获取服务端主动推送消息了。
结尾
短轮训的特点是实现简单,不需要太多改造工作。
长轮询会将 HTTP 请求挂起,直到状态变化时才返回数据给客户端,可以减少请求数量和带宽,但需要考虑意外关闭的情况,且实现复杂。
WebSocket 协议则是专门为了解决服务推送问题而发明的协议,能够真正实现服务端的主动推送,适合服务推送比较重的场景。
我是前端西瓜哥,欢迎关注我,学习更多前端面试题。
服务端如何推送消息给客户端?相关推荐
- JAVA 网络编程 Socket 详细说明,实现客户端和服务端相互推送消息
客户端代码: package com.lcx.socket;import java.io.BufferedReader; import java.io.BufferedWriter; import j ...
- nett服务器接收消息的方法,C#(一沙框架) .net core3.1 SignalR 服务端推送消息至客户端的实现方法,用弹窗插件进行显示,非常美观实用...
C#(一沙框架) .net core3.1 SignalR 服务端推送消息至客户端的实现方法,用弹窗插件进行显示,非常美观实用 运行效果: 1.安装Microsoft.AspNetCore.Signa ...
- Asp.net webApi 通过WebSocket推送消息给客户端,搭建一个即是服务端又是客户端的服务
Asp.net webApi 通过WebSocket推送消息给客户端,搭建一个即是服务端又是客户端的服务_IT_ziliang的博客-CSDN博客 WebSocket是一种在单个TCP连接上进行全双工 ...
- flux服务器推消息,服务端主动推送数据,除了 WebSocket 你还能想到啥?
原标题:服务端主动推送数据,除了 WebSocket 你还能想到啥? 来自公众号: 江南一点雨 在 上篇文章 中,松哥和大家分享了 WebFlux 的基本用法,小伙伴们已经了解到使用 WebFlux ...
- 使用SignalR从服务端主动推送警报日志到各种终端(桌面、移动、网页)
工作上有个业务,.Net Core WebAPI作为服务端,需要将运行过程中产生的日志分类,并实时推送到各种终端进行报警,终端有桌面(WPF).移动(Xamarin.Forms).网站(Angular ...
- 如何在微信服务号每天推送消息?
微信规则群发全部粉丝服务号每月4次,订阅号1天1次,服务号还有模板消息接口支持全部粉丝群发,除此之外所有微信提供的接口都不支持.只有满足特定场景的粉丝才能不限制地对粉丝推送消息,微号帮平台对此提供了4 ...
- 服务端主动推送数据,除了 WebSocket 你还能想到啥?
在上篇文章中,松哥和大家分享了 WebFlux 的基本用法,小伙伴们已经了解到使用 WebFlux 我们的返回值可以是 Mono 也可以是 Flux,如果是 Flux,由于 Flux 中包含多个元素, ...
- web应用从服务器主动推送消息到客户端到方式
总结帖 为什么需要服务端向客户端推送消息? 在某些应用功能中,例如定位,游戏,社交消息的推送等,用户都是被动接受u消息的,为了处理这类问题,需要服务端向客户端推送消息. 引言: 普通情况下,有客户端向 ...
- SSE:使用HTTP做服务端数据推送的技术及其他通信技术
文章目录 一.SSE 使用场景 服务端响应示例 浏览器处理服务器返回数据 SSE使用注意事项 使用示例 二.轮询 三.WebSocket 什么是Socket?什么是WebSocket? 那么他是如何建 ...
最新文章
- 一毕业就拿50万年薪,超过90%的互联网公司都在砸钱抢AI人才!
- Rabbit MQ 学习笔记(3)角色列表
- uniapp H5页面使用uni.request时,出现跨域问题
- java例程练习(一维数组)
- JavaScript-简单的页面输入控制
- xyntservice
- LINQ找出重复和不重复的元素及linq OrderBy 方法 两个字段同时排序有关问题
- 渗透-N种反弹shell方法
- 【荐】Redis学习资料汇总
- W25Q64内部结构
- win10无法修改mac地址_电脑MAC地址(物理地址)修改方法
- win10误删系统变量path恢复方法
- SQLyog连接不上
- 【网络安全】ip地址、公网、私网
- Linux 内核模块符号信息以及strip命令
- 凝思软件冲刺深交所:年营收不足2亿 拟募资7.9亿
- ubuntu系统下mysql数据库的备份与恢复
- VIT ④function 、Object-oriented programming in Python
- Centos7下挂载超过2T以上硬盘
- 本地推送没有报错,但Github内容不更新的原因
热门文章
- windows重装了系统oracle数据库恢复
- 978 Longest turbulent subarray
- Velodyne-16c激光雷达数据包解析与坐标计算方法
- 2020张宇1000题【好题收集】【第十章:线性代数(一)】
- 初级、中级、高级测试/开发程序员的区别在哪里?传说中的码农......
- 学校学计算机是什么,想学计算机该上什么大学?传智专修学院是个好选择
- freeswitch与外部网关链接
- Python从字符串串中如何提取国家、地区或者城市信息?
- 笔记本显示网络电缆被拔出怎么解决_如何解决系统显示网络电缆被拔出的问题...
- Apache、nginx 、lighttpd