如何通过 CloudFront 访问 aws websocket

Question

我正在关注这个 url 来设置云前端来源。 https://nickzamosenchuk.medium.com/configure-amazon-cloudfront-cdn-for-websocket-connection-43c44b3f877c 如何通过 Angular 应用程序连接 WebSocket。？ 我尝试了 2 种方法，但无法连接。

  let data = this.httpClient.get('https://<id>.cloudfront.net/dev').subscribe(datas => {
      console.log(datas);
    });

或

this.socket = webSocket('wss://<id>.cloudfront.net/dev');

angular中连接WebSocket的方式是什么？

Answer 1

是的，有办法，例如：

import { Injectable } from '@angular/core';
import { webSocket, WebSocketSubject } from 'rxjs/webSocket';

@Injectable({
  providedIn: 'root'
})
export class WebsocketExampleService {

  readonly url = "(wss|https)://<id>.cloudfront.net/";

  subject: WebSocketSubject<any>;

  constructor() {
    this.subject = webSocket({
      url: this.url,
      deserializer: msg => msg
    });
  }
}