Angular WebSocket 如何从 Angular 服务中的实时输出流中获取数据

Question

我第一次在 web 插座上创建一个项目，我需要帮助。

实时输出流链接： https://wunder-provider.herokuapp.com/这是我迄今为止实现的：

**这是一个实时 output stream 每 3 到 15 秒生成随机用户信息。 我正在创建一个 Angular IONIC 应用程序，该应用程序在屏幕上显示这些用户及其信息。 **

问题已解决

  users :User[];
  subject = webSocket({url:"wss://wunder-provider.herokuapp.com/socket.io/?EIO=3&transport=websocket",
  deserializer: ({data}) => {
    if(data.startsWith("42"))
     return JSON.parse(data.substring(2))[1];
   else 
   return null;
     
  }
 });
  getAll() {
  this.users = [];
      this.subject.subscribe(
   msg =>{
//   console.log('message received: ' + msg), // Called whenever there is a message from the server.
        if(msg!=null && msg.results != null){
            msg.results.forEach(r=>{
      this.users.push(r);
      
            });
        }
   },
   err => console.log(err), // Called if at any point WebSocket API signals some kind of error.
   () => console.log('complete') // Called when connection is closed (for whatever reason).
 );
 return this.users;
  }

Answer 1

您是否检查过 https://www.npmjs.com/package/ngx-socket-io 。 这是 Angular 的 socket.io 的包装，它也适用于网络套接字。

检查我是如何实施的。 https://stackblitz.com/edit/angular-ivy-2ey7xf?file=src/app/app.component.ts