http SSE

以前聊过Golang长连接-基于WebSocket,这次我们聊SSE(Server-Sent Events)。

简介

SSE(Server-Sent Events)和WebSocket都是实现实时通信的技术。以下是它们的区别和相同点:

相同点:

  1. 都是基于HTTP协议实现的实时通信技术。

  2. 都可以实现服务器向客户端发送实时更新的数据。

区别:

  1. SSE是单向通信,只能服务器向客户端发送数据;而WebSocket是双向通信,服务器和客户端都可以发送数据。

  2. SSE使用HTTP协议,而WebSocket使用ws协议(或wss协议,当使用SSL加密时)。

  3. SSE在某些场景下更适用于低延迟的数据传输,如股票行情等;而WebSocket更适用于需要双向实时交互的应用,如在线聊天、游戏等。

  4. SSE支持自动重连,如果连接中断,浏览器会自动尝试重新连接;而WebSocket需要手动实现重连逻辑。

  5. SSE的浏览器兼容性较差,不支持IE和较低版本的浏览器;而WebSocket的浏览器兼容性较好。

  6. SSE使用文本格式传输数据,而WebSocket支持文本和二进制数据传输。

实战

请求

请求体里需要设置为text/event-stream,可以使用封装好的EventSource

					var stream = new EventSource("/sse/subscribe?user=%s&topics=%s");
					stream.addEventListener("message", function(e){
							$('.event-data').append(e.data + "</br>")
					});
          stream.onerror = function(event) {
						stream.close();
					};

可以监听事件、和错误信息,并做出响应的处理

服务

服务端对建立的链接定时发送消息即可,如果想关闭,返回false。

c.Stream(func(w io.Writer) bool {
			timer := time.NewTicker(time.Second)
			for range timer.C {
				c.SSEvent("message", "hello "+time.Now().String())
				count++
				if count > 10 {
					return false
				}
				return true
			}
			return false
		})

效果

最终效果如下图所示,home接口显示html,并发起subscribe请求。subscribe设置定时器,1s返回一条数据,到达最终值后返回false。为了防止重连,在html里判断onerror,直接关闭stream链接。

image-20240324162736247.png

image-20240324162748234.png

总结

上面的代码位于:https://github.com/shidawuhen/asap/tree/master/controller/sse

SSE的实现比Websocket要方便的多,大家可以基于自己的需要去选择。

  • 实现一个完整的服务仅需要少量的代码;

  • 可以在现有的服务中使用,不需要启动一个新的服务;

  • 可以用任何一种服务端语言中使用;

  • 基于 HTTP / HTTPS 协议,可以直接运行于现有的代理服务器和认证技术。

资料

  1. https://zhuanlan.zhihu.com/p/642094586

  2. SSE(Server-Sent Events)技术及其简单演示

最后

大家如果喜欢我的文章,可以关注我的公众号(程序员麻辣烫)

我的个人博客为:https://shidawuhen.github.io/

往期文章回顾:

  1. 设计模式

  2. 招聘

  3. 思考

  4. 存储

  5. 算法系列

  6. 读书笔记

  7. 小工具

  8. 架构

  9. 网络

  10. Go语言

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值