web 插座连接 angular

Question

我创建了一个 angular 项目，其中我的 web 套接字连接在重新加载页面后打开，否则它不会打开。 我想在用户登录后立即启动一个套接字，并在它注销时关闭它。

下面是我使用rxjs web sockets 而不是socket.io创建的套接字服务

    SOCKET_URL: string = environment.webSocketEndpoint;
    ws: WebSocketSubject<any>;

    open() {
        this.ws = webSocket(`${this.SOCKET_URL}/?access_token=${this.auth.user()?.['accessToken']}&platform=web`);
    }
    emit(event: Object): void {
        this.ws.next(event);
    }

    events(): Observable<any> {
        if (this.ws === undefined ) {
            this.open();
        }

        return this.ws?.asObservable();
    }

    close() {
        this.ws.unsubscribe();
    }
}

在app.ts nogOnit()上的 app.ts 中：

if(this.auth.user()){
this.socketService.open()}

Answer 1

使用可观察序列编写异步和基于事件的程序的库，非常适合与 WebSockets 一起使用。 简而言之，RxJS 允许我们侦听来自 websocket 连接的新消息，然后在发生 'X' 事件时执行操作。 按照这个链接看清楚： https : //tutorialedge.net/typescript/angular/angular-websockets-tutorial/# :~: text=WebSockets%20in%20Angular&text= This% 20is%20a%20library%20for,when% 20'X'%20event%20occurs 。

Answer 2

import { WebSocketSubject, webSocket } from 'rxjs/webSocket';
import { Subscription } from 'rxjs';
import { Observable } from 'rxjs';

ngOnInit() {
    this.WebSocket = webSocket(environment.webSoketBaseURL + '/websocket_path/');
    this.webSocket.asObservable().subscribe(response => {
      console.log(response)
    });
}