重生之我在NestJS中使用EventStream
创始人
2024-11-15 02:32:33
0

有一个需求是需要长连接等待后台的返回,我们使用的EventStream,在NestJS中使用很简单,框架基本上已经封装好了

0. 如果没有创建项目的,可以先创建一个项目,创建项目的直接跳转到下一个步骤去

  • 全局安装 nest: npm install @nestjs/cli global
  • 创建项目: nest new nest-demo-app

1. 在NestJS中的代码

app.constroller.ts 中新建一个方法,如下:

import { Observable } from 'rxjs'; import { Controller, Sse } from '@nestjs/common';  @Controller() class AppController {    @Sse('test/event-stream') // 这个是访问的链接地址 http://localhost:3000/test/event-stream   testEventStream() {     let count = 0;     return new Observable(observer => {       // 调用 observer.next() 这个方法向前端推送消息       setInterval(() => {         count++;         observer.next({ data: new Date().toLocalTimeString() });       }, 3000);        // 调用 observer.complete() 这个方法,表示结束本次推送       if (count > 5) {         observer.complete();         // 或者调用 observer.unsubscribe() 也可以结束推送       }     });   } } 

2. 在前端调用这个接口

const stream = new EventSource('http://localhost:3000/test/event-stream') let count = 0 stream.onopen = () => {   console.log('连接打开'); } stream.onmessage = e => {   console.log(e.data); // 打印获取到的数据,也就是 NestJS 中 observer.next() 中发送的数据   if (count++ >= 5) {     stream.close(); // 主动关闭连接   } } stream.onerror = e => {   console.error(e); // 打印错误日志 } stream.onclose = () => {   console.log('连接关闭'); // 关闭连接  } 

注意:

  1. 前端在一个长连接完成之后,如果没有主动关闭连接,会一直发这个连接,所以在 message 中需要根据条件判断一下,主动关闭连接

相关内容

热门资讯

透视指引!wepoker祈福有... 透视指引!wepoker祈福有用吗,wepokerplus脚本(脚本)推荐教程(真是真的是有挂)-哔...
据玩家消息!aapoker万能... 据玩家消息!aapoker万能辅助器,aapoker俱乐部靠谱吗(透视)步骤教程(其实存在有挂)-哔...
透视详情!wpk控制牌是真的吗... 透视详情!wpk控制牌是真的吗(透视)wpk免费辅助,教程策略(新版有挂)-哔哩哔哩wpk控制牌是真...
透视机巧!wejoker辅助器... 透视机巧!wejoker辅助器要钱玩吗,wepoker透视是真的吗(脚本)普及教程(原来真的是有挂)...
此事引发网友热议!aapoke... 此事引发网友热议!aapoker ai插件,aapoker辅助怎么用(透视)策略教程(竟然是有挂)-...
透视解谜!wpk俱乐部是做什么... 透视解谜!wpk俱乐部是做什么的(透视)wpk显示有透视,教程手册(确实有挂)-哔哩哔哩1、每一步都...
透视大纲!wepoker辅助器... 透视大纲!wepoker辅助器是真的吗,wejoker辅助器要钱玩吗(脚本)详细教程(好像真的有挂)...
一直以来!aapoker透视方... 您好,aapoker安装包怎么使用这款游戏可以开挂的,确实是有挂的,需要了解加去威信【4852750...
透视推荐!wpk插件(透视)w... 透视推荐!wpk插件(透视)wpk辅助,教程模块(有挂辅助)-哔哩哔哩1、全新机制【wpk插件ai辅...
透视模板!wepoker模拟器... 透视模板!wepoker模拟器哪个好用,wepoker怎么看底牌(脚本)详情教程(本来真的有挂)-哔...