介绍
Server-sent Events（简称 SSE）是一种用于实现服务器向客户端推送消息的技术。相比于传统的轮询或长轮询方式，SSE 可以实现实时性更好、更高效、更可靠的推送通知。在前端开发中，SSE 技术被广泛应用于在线聊天、实时监控等场景。
在 ASP.NET 应用中，SSE 技术同样可以实现推送通知。本文将介绍如何在 ASP.NET 中使用 SSE 技术实现推送通知，并提供示例代码。
实现步骤
1. 创建 SSE 控制器
首先，在 ASP.NET 应用中创建一个 SSE 控制器，用于处理 SSE 请求。代码如下：
-- -------------------- ---- -------
------ ----- ------------- - ----------
-
------ ------------ -------
-
-------------------- - --------------------
--------------------- - ------
--------------------- - -----------
------ -------
-
------ ---- ----------- --------
-
--------------------- - - ------- - --------
-----------------
-
-该控制器有两个方法，Index() 方法用于处理 SSE 请求，Send() 方法用于向客户端发送消息。Index() 方法设置了响应的 MIME 类型为 text/event-stream，表示该请求是 SSE 请求；Send() 方法发送的消息必须遵守 SSE 协议。
2. 在前端页面中订阅 SSE
在前端页面中，可以通过 JavaScript 代码订阅 SSE，并接收服务器推送过来的消息。代码如下：
var source = new EventSource('/Sse/Index');
source.addEventListener('message', function (event) {
console.log('Received message: ' + event.data);
}, false);该代码创建了一个 EventSource 对象，并指定 SSE 请求的 URL 为 /Sse/Index。然后，通过 addEventListener() 方法添加一个 message 事件监听器，用于接收服务器推送过来的消息。
3. 向客户端推送消息
在服务器端，可以通过 SSE 控制器的 Send() 方法向客户端推送消息。代码如下：
-- -------------------- ---- -------
------ ----- -------------- - ----------
-
------ ------------ -------
-
------ -------
-
------ ---- ----------------------- --------
-
--- --- - --- ----------------
------------------
-
-该代码创建了一个 HomeController，其中的 PushNotification() 方法用于推送消息。在该方法中，创建了一个 SSE 控制器实例，并调用其 Send() 方法向客户端推送消息。
示例代码
下面是一个完整的 ASP.NET MVC 示例代码，演示如何使用 SSE 技术实现推送通知。在该示例中，通过点击按钮向客户端推送一条消息。
SSE 控制器
-- -------------------- ---- -------
------ ----- ------------- - ----------
-
------ ------------ -------
-
-------------------- - --------------------
--------------------- - ------
--------------------- - -----------
------ -------
-
------ ---- ----------- --------
-
--------------------- - - ------- - --------
-----------------
-
-HomeController
-- -------------------- ---- -------
------ ----- -------------- - ----------
-
------ ------------ -------
-
------ -------
-
------ ---- ----------------------- --------
-
--- --- - --- ----------------
------------------
-
-Index.cshtml
-- -------------------- ---- -------
--
------------- - ----- ------
-
-----
------- --------------------- ---------------------
------
--------
-------- ------ -
--------
---- -------------------------
----- -------
----- - -------- ------- ----- --
-------- -------- ------ -
----------------- ------------ -------------
--
------ -------- ----- ------- ------ -
----------------- ------------ ------- - - -------
-
---
-
--- ------ - --- --------------------------
---------------------------------- -------- ------- -
--------------------- -------- - - ------------
-- -------
---------总结
本文介绍了在 ASP.NET 应用中使用 SSE 技术实现推送通知的方法，并提供了示例代码。SSE 技术可以实现实时性更好、更高效、更可靠的推送通知，适用于在线聊天、实时监控等场景。如果您正在开发这类应用，可以尝试使用 SSE 技术。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d68b4d1886fbafa443ec39