服务端推送常用技术介绍

1、服务端推送常用技术介绍

      简介:服务端常用推送技术介绍,如websocket,sse轮询等

1、客户端轮询:ajax定时拉取

2、服务端主动推送:SSE (Server Send Event)

html5新标准,用来从服务端实时推送数据到浏览器端,直接建立在当前http连接上,本质上是保持一个http长连接,轻量协议简单的服务器数据推送的场景,使用服务器推送事件

学习资料:http://www.w3school.com.cn/html5/html_5_serversentevents.asp

2、SpringBoot2.x服务端主动推送SSE

      简介:讲解SpringBoot2.x服务端主动推送Sever-Send-Events

             适合服务器往浏览器单方向传输数据,但是十分耗费资源,重复请求获取数据。

1、localhost:8080/index.html

2、需要把response的类型 改为 text/event-stream,才是sse的类型

 

3、服务端主动推送:Web Socket

全双工的,本质上是一个额外的tcp连接,建立和关闭时握手使用http协议,其他数据传输不使用http协议更加复杂一些,适用于需要进行复杂双向数据通讯的场景

websocket使用场景:如弹幕,网页聊天系统,实时监控,股票行情推送等

3.1 websocket广播、单播、组播

      3.3.1技术框架基本介绍

               springboot:

                            是什么:

                                   1、简化新Spring应用的初始搭建以及开发过程

                                   2、嵌入的Tomcat,无需部署WAR文件

                                   3、简化Maven配置, 自动配置Spring

                            学习资料:

                                   1、官网 https://projects.spring.io/spring-boot

                                   2、springboot整合websocket资料: https://spring.io/guides/gs/messaging-stomp-websocket/

                     socketjs:   

                            是什么:

                                   1、是一个浏览器JavaScript库,提供了一个类似WebSocket的对象。

                                   2、提供了一个连贯的跨浏览器的JavaScriptAPI,在浏览器和Web服务器之间创建了一个低延迟,全双工,跨域的通信通道

                                   3、在底层SockJS首先尝试使用本地WebSocket。如果失败了,它可以使用各种浏览器特定的传输协议,并通过类似WebSocket的抽象方式呈现它们

                                   4、SockJS旨在适用于所有现代浏览器和不支持WebSocket协议的环境。              

                            学习资料:

                                   1、git地址:https://github.com/sockjs/sockjs-client

                     stompjs:

                            是什么:

                                   1、STOMP Simple (or Streaming) Text Orientated Messaging Protocol

                                   它定义了可互操作的连线格式,以便任何可用的STOMP客户端都可以与任何STOMP消息代理进行通信,以在语言和平台之间提供简单而广泛的消息互操作性(归纳一句话:是一个简单的面向文本的消息传递协议。)

                            学习资料:

                                   https://stomp-js.github.io/stomp-websocket/codo/class/Client.html#connect-dynamic

                           

3.3.2广播              

1、.编写websocket配置

(1)   @EnableWebSocketMessageBroker注解用于开启使用STOMP协议来传输基于代理(MessageBroker)的消息,这时候控制器(controller)开始支持@MessageMapping,就像是使用@requestMapping一样。

(2)   注册一个Stomp的节点(endpoint),并指定使用SockJS协议。

(3)   配置消息代理(MessageBroker)。

2、编写controller

(1)     SendTo 不通用,固定发送给指定的订阅者。例如固定发送给/topic/game_chat

3、服务端编写Html

在这里使用StompJS进行包装,规划协议。

Stomp.over(socket)封装协议。

connet()连接服务器

subscribe(“/topic/game_chat",callback) 订阅和接受消息

disconnect()  关闭连接。

猜你喜欢

转载自blog.csdn.net/qq_35752353/article/details/81036535