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