Блог

Ребята, я хочу создать websocket api для обновления моих записей в таблице в реальном времени.

Я использую python lambda и angular для своего проекта.

допустим, у меня есть эта таблица записей книги :

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

и я хочу создать websocket для обновления моей таблицы в режиме реального времени в angular, если есть изменения.

итак, я не знаком с websocket как с интерфейсом, так и с серверной частью. пожалуйста, дайте мне какой-нибудь учебник, связанный с этим, СПАСИБО

Я полагаю, у вас уже есть и запущен сервер 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')
  }
  

Создайте функцию для прослушивания сервера веб-сокетов

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

и функция для отправки на сервер веб-сокетов, если это необходимо

   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, но я думаю, что код будет полезен для вас.