浅谈HTML5 服务器推送事件(Server-sent Events)

2020-04-21 07:57:22易采站长站整理

if (!string.IsNullOrWhiteSpace(data_str))
{
even = "event:sentMessagen";
data = "data:" + data_str + "nn";
}
string retry = "retry:" + 1000 + "n";//连接断开后重连时间(毫秒),其实可以理解为轮询时间 2333...
byte[] array = Encoding.UTF8.GetBytes(even + data + retry);
Stream stream_result = new MemoryStream(array);
response.Content = new StreamContent(stream_result);
response.Content.Headers.ContentType = new MediaTypeHeaderValue("text/event-stream");//此处一定要配置
response.Headers.CacheControl = new CacheControlHeaderValue();
response.Headers.CacheControl.NoCache = false;
}
catch (Exception ex)
{
LogHelper.WriteWebLog(ex);
}
return response;
}

看完以上代码我想你应该有个大概了,响应的方式还是HTTPResponse响应,但总是有点小小的要求的:

响应报头"Content-Type" 要设置为 "text/event-stream"

响应的数据格式也应该注意到了上述代码中的"data:"、"event:"和"retry:"这些标记:

1.event:表示该行用来声明事件的类型。浏览器在收到数据时,会产生对应类型的事件。

2.data:表示该行包含的是数据。以 data 开头的行可以出现多次。所有这些行都是该事件的数据。

3.retry:表示该行用来声明浏览器在连接断开之后进行再次连接之前的等待时间。

4.id:表示该行用来声明事件的标识符(即数据的编号),不常用。

以上就是Server-sent Events的简单应用,实现效果我就不再展示了,有兴趣可以亲自操作实现效果!