其他技术---- 服务端推送SSE

其他技术---- 服务端推送SSE,第1张

概述SSE是Server-sent Events的简称,它是HTML5中的一种规范。目前为止那些老旧的浏览器是不直接支持SSE规范的,比如IE内核的浏览器。 我们知道websocket可以实现客户端与服务端的双向通信。SSE这个东西是可以实现服务端主动向客户端进行通信的,但是它仅仅是单向的。如果客户端与服务器端的数据交互不是特别频繁,那么我们是可以使用SSE技术来实现的。 协议 Server-sent

SSE是Server-sent Events的简称,它是HTML5中的一种规范。目前为止那些老旧的浏览器是不直接支持SSE规范的,比如IE内核的浏览器。
我们知道websocket可以实现客户端与服务端的双向通信。SSE这个东西是可以实现服务端主动向客户端进行通信的,但是它仅仅是单向的。如果客户端与服务器端的数据交互不是特别频繁,那么我们是可以使用SSE技术来实现的。

协议

Server-sent Events主要由两部分组成。

1.服务器端与浏览器端之间的通讯协议
2.前端Js对象EventSource

服务端若要向前端发送一个SSE,响应的类型应该为"text/event-stream",响应文本的内容是一个事件流,当然还是文本类型,这个看响应类型就知道。
每个事件由类型和数据组成,同时每个事件都有一个标识符(键值对的形式),不同事件通过车符和换行符的空行(“\r\n”)来分隔。比如:

data: eve1 event data: eve2 eventID: 0 event: evedata: eve3 eventID: 1

含义:

data: 数据
event: 事件的类型
ID: 事件的标识符

retry: 浏览器在连接断开之后进行再次连接之前的等待时间

使用 我们使用sse编写一个push接口,用于返回SseEmitter对象,这样前端接口请求的响应头则会是text/event-stream
SseEmitter对象真正响应给前端的事件是由SseEmitter对象的send方法来实现的(调用SseEmitter的send方法将响应给前端一个事件流) 封装send的SseEmitter属性(事件内容)

代码详情见github
https://github.com/yusonghu/sse

总结

以上是内存溢出为你收集整理的其他技术---- 服务端推送SSE全部内容,希望文章能够帮你解决其他技术---- 服务端推送SSE所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1031103.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存