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链接。

总结

上面的代码位于：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/

往期文章回顾：

0. 设计模式

1. 招聘

2. 思考

3. 存储

4. 算法系列

5. 读书笔记

6. 小工具

7. 架构

8. 网络

9. Go语言