Websocket Lambda Python 和 Angular

Question

伙計們，我想創建一個 websocket api 來實時更新我在表中的記錄。

我正在為我的項目使用 python lambda 和 angular。

假設我有這個 Book Record 表：

Id |  Book name | Desc
1  |    bn1     | dec1
2  |    bn2     | dec2
3  |    bn3     | dec3

我想要的是創建一個 websocket，以便在有變化時以角度實時更新我的​​表。

所以我對前端和后端的 websocket 都不熟悉。 請給我任何與此相關的教程 謝謝

Answer 1

我想您已經啟動並運行了一個 websocket 服務器。
您需要在 angular 中做的是：
首先你需要安裝socket.io-client

npm install socket.io-client

然后你需要創建一個服務，你可以調用它web-socket.service.ts ，你需要導入 socket.io-client 和 Observable

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import * as io from 'socket.io-client';

@Injectable({
  providedIn: 'root',
})
export class WebSocketService {
  // your service's logic
}

現在，在您的服務中，您必須聲明一個變量來保存您的套接字連接

socket: any

創建一個構造函數並初始化您的套接字連接

  constructor() {
    this.socket = io('your web socket url')
  }

創建一個函數來監聽 web socket server

  listen(eventName: string) {
    return new Observable((subscriber) => {
      this.socket.on(eventName, data => {
        subscriber.next(data)
      })
    })
  }

以及在需要時發送到 Web 套接字服務器的函數

  emit(eventName, data) {
    this.socket.emit(eventName, data)
  }

最后，您只需將服務注入到您要使用它的地方，例如在應用程序組件中

export class AppComponent implements OnInit  {

  constructor(private webSocketService: WebSocketService) {}

  ngOnInit() {
    this.webSocketService.listen('your event name').subscribe(data => console.log(data))
  }
}

您可以在鏈接中找到我無法讓 socket-io 在 stackblitz 中工作的所有代碼，但我認為這些代碼會對您有所幫助。