NodeJS Express 中创建html5的server-sent event服务端

最新推荐文章于 2025-05-21 09:41:29 发布

w470543882

最新推荐文章于 2025-05-21 09:41:29 发布

阅读量860

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： html5 express nodejs server-sent

本文链接：https://blog.youkuaiyun.com/w470543882/article/details/51459171

js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用 Server-Sent Events (SSE) 技术实现服务器推送数据到客户端的方法。通过设置响应头并发送特定格式的数据，客户端可以实时接收来自服务器的消息更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

router.get('/ServerSent', function(req, res, next) {
res.setHeader('Content-Type', 'text/event-stream');
res.setHeader('Cache-Control', 'no-cache');

res.end("data: The server time is"+new Date()+"\n\n");

});

红字部分一定要加上！！！

更多详细内容：http://javascript.ruanyifeng.com/htmlapi/eventsource.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

w470543882

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

SSE（Server-Sent Events）完整使用示例

oscar999的专栏

05-04

272

本篇使用Node.js 作为服务端，在浏览器客户端演示SSE的完整实例和演示。实现了一个基于 Server-Sent Events (SSE) 的实时数据推送功能。

WebSocket,Server-Sent Events：服务器发送事件,使用长链接进行通讯

weixin_33781606的博客

11-23

1909

转自利用WebSocket和EventSource实现服务端推送概述传统的网页都是浏览器向服务器“查询”数据，但是很多场合，最有效的方式是服务器向浏览器“发送”数据。比如，webpack的HRM，每当收到新的电子邮件，服务器就向浏览器发送一个“通知”，这要比浏览器按时向服务器查询（polling）更有效率。服务器发送事件（Server-Sent Events，简称SSE）就是为了解决这个问题...

参与评论您还未登录，请先登录后发表或查看评论

HTML5——Server-Sent Events：基于Node.js的动态图形报表

Del的博客

04-17

542

Day11 今日份内容：使用Server-Sent Events制作基于Node.js的动态图形报表 Node.js是一种基于事件驱动、非阻塞时I/O模型，具有轻量、高效的特点，目前广泛得到Web前端开发的使用。在使用Node.js前，需要去官网下载安装包，过程比较简单，网上也有非常多的教程，这里就不多说啦。 Server-Sent Events 了解Server-Sent Events消息推送机制熟悉MessageEvent、EventSource接口通过服务端向客户端推送消息在客户端使用SSE技

【大前端】使用NodeJs HTTP模块创建web服务器、SSE通讯

最新发布

朝拜者

05-21

532

expressexpressexpress本文介绍NodeJs 内置模块。

用node写一个Server Send Events

脚步

04-29

540

因为数据业务的特殊性，有些计算数据服务端不能同步计算得出，需要通过异步方式计算出结果，然后再通知用户，这里我们可以使用SSE或者WebSocket，鉴于无需客户端和服务器双向通信，故采用SSE更加的简洁，技术更加友好，接下来我们就写一个node.js的实现，一个经过一段随机的时间，服务端向客户端发送一个随机的数字串。

express-eventstream:服务器发送的Express事件

04-30

Express EventStream 一个用于轻松创建将事件流传输到客户端的Web端点的库。这些端点表示，因此可以使用在Web浏览器中轻松使用。该库支持，这意味着它可以与或一起使用，以方便扩展。例子 -每秒在“时钟”通道上发布“时间”事件，并通过Web UI显示连接状态，连接日志和事件日志。入门如果在本地使用图钉，请记住通过将aco参数添加到路由配置文件来启用“自动跨站” 使用可选的GRIP配置创建events对象 // server.js const expressEventStream = require('express-eventstream') const grip = process.env.GRIP_URL // e.g. 'http://localhost:5561?key=changeme' const events = expressEventS

服务器发送事件：express使用SSE实现消息推送

weixin_43930421的博客

07-23

1445

最开始学习ajax的时候，为了实时获取最新信息（比如未读消息），通过定时器setInterval不断调用API。这样做虽然可以实现效果，但是这种方法并不能判断后端是否有新的消息产生，只能通过客户端不断请求，浪费带宽和服务器资源。最好的方法是在服务端生产新消息后，推送到客户端，也就是服务器主动推送。......

服务器端轮询推送消息,消息推送机制-轮询、长轮询、SSE(Server Sent Event)和WS(WebSocket)...

weixin_27966471的博客

08-12

1650

实际应用中经常会有实现页面无刷新更新内容的需求。本文就轮询、长轮询、SSE(Server Sent Event)和WS(WebSocket)介绍具体的应用场景。相关知识点：es6 API、nodejs、html5文章结构：轮询长轮询SSE(Server Sent Event)WS(WebSocket)1. 轮询-数据拉取轮询是在特定的的时间间隔(如每隔1秒)，由浏览器(客户端)对服务器发出HTTP...

实时聊天应用开发教程：EventSource与Express, NodeJS和Angular的集成

本文将详细解读如何利用EventSource API结合Express框架和NodeJS后端技术以及Angular前端框架来创建一个实时聊天应用程序。EventSource API是Web技术中的一项特性，它允许Web页面或客户端通过单向的HTTP流接收到...

text/event-stream

热门推荐

liuzhenghua66的博客

10-07

1万+

GPT火了之后，一种新的Http MediaType慢慢火了起来，它就是。这几种类型本质上都是客户端与服务端打开了一个长连接，服务端可以多次写入一部分数据给客户端，客户端可以多次读取，直到全部读取完成。由于ChatGPT的特性，如果需要生成的token较多，等它全部生成完成将消耗较多的时间，但是如果你将它生成过程中的数据源源不断地展示给用户，那么用户端的体验也不会差（类似于在线播放视频，不需要把整个视频下载完成才能播放）支持服务端分多次往客户端写内容。

基于nodejs实现text/event-stream简单应用案例，SSE

ta_huang的博客

06-08

4309

使用 text/event-stream，服务器可以实现与客户端的实时双向通信，通过推送事件来传递实时数据和状态变化。它与其他实时通信技术（如 WebSocket）相比，更适合于单向的服务器向客户端的通信场景，不支持客户端向服务器发送消息。它提供了一种简单的方式来实现服务器推送的功能，且在浏览器端的兼容性较好。是一种用于服务器向客户端推送事件的媒体类型（Media Type）。它是基于 HTTP 协议的一种流式传输技术，也被称为 Server-Sent Events（SSE）

使用Server-Sent Events (SSE)，并获取message里面的内容

浮游的博客

06-20

1321

Server-Sent Events (SSE)是一种服务器推送技术，允许服务器向客户端（浏览器）发送实时消息。与WebSocket不同，SSE是单向通信，只能从服务器到客户端。SSE在HTML5中作为标准实现，并且被大多数现代浏览器支持。

单页WEB应用（六），WebServer Node.js 之 Express

风起叶落，若是不知，岂会心动！

03-01

1843

前言（罗里吧嗦）：有一段时间没记录点东西了，主要公司最近有两个新 IPTV 项目上线，问题很多，每天都在忙着处理BUG，对该书的阅读暂停了一会。本篇为第六篇，至于第五篇为什么没有，因为还没写，书和代码研究过了，只是还没记录下来，加上第五篇涉及代码比较多，因此先跳过，来学习下服务器的部分了，第五篇待有空会补上。开始正题1 创建简单服务器最简单的 Node 服务器端程序// 引用 http 模块 var

Java Server-Sent Events通信

无心

01-22

1125

等待数据推送：虽然 stream() 方法创建了连接，但实际的数据推送是由其他部分的代码来处理的。通常，这涉及到在服务层或控制器的其他部分设置逻辑，以在某些事件发生时调用 SseEmitter 的 send() 方法来推送数据。stream() 方法返回的 SseEmitter 对象用于建立一个 SSE (Server-Sent Events) 连接，但它本身并不负责推送数据。保持连接开启：这个连接将保持开启状态，直到服务器发送完成信号或连接超时。连接默认超时时间为三十分钟，这是设置为1天。

Java Server-Sent Event 服务端发送事件

zhou_Tian的博客

08-09

914

实现后端单方面向前端发消息。

java Spring MVC 实现 SSE (Server-Sent Event) 服务器发送事件

晚灯看街的博客

05-27

8843

Java： package com.example.huamao.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.an...

Java服务端实时推送之SSE（Server-Send Events）

weixin_54821991的博客

01-04

2811

服务端推送的背景与需求主要基于以下几个诉求：1. 传统实时处理方案轮询：这是一种较为传统的方式，客户端会定时地向服务端发送请求，询问是否有新数据。服务端只需要检查数据状态，然后将结果返回给客户端。轮询的优点是实现简单，兼容性好；缺点是可能产生较大的延迟，且对服务端资源消耗较高。长轮询（Long Polling）：轮询的改进版。客户端向服务器发送请求，服务器收到请求后，如果有新的数据，立即返回给客户端；如果没有新数据，服务器会等待一定时间（比如30秒超时时间），在这段时间内，如果有新数据，就返回给客户端，

【node-express-sse】Server Sent Event 单向推送消息，实现站内信功能

daddykei的博客

01-02

973

Sever Sent Event 消息推送，实现日志信息的推送完成站内信功能。