복붙노트

[ANGULAR] 앵글 유니버설 서버 렌더링 WebSocket.

ANGULAR

앵글 유니버설 서버 렌더링 WebSocket.

해결법


  1. 1.클라이언트에서 WebSocket 만 호출하면 해당 가져 오기가있는 브라우저 또는 서버인지 여부를 감지 할 수 있습니다.

    클라이언트에서 WebSocket 만 호출하면 해당 가져 오기가있는 브라우저 또는 서버인지 여부를 감지 할 수 있습니다.

    import { isPlatformBrowser } from '@angular/common';
    import { Inject, PLATFORM_ID } from '@angular/core';
    

    그런 다음 코드 내부에서 사용하면 문제를 해결할 수 있습니다!

    @Component({ ... })
    export class AppComponent implements OnInit {
    
        private isBrowser: boolean = isPlatformBrowser(this.platformId);
    
        constructor(
           @Inject(PLATFORM_ID) private platformId: Object
        ) {
            if (isBrowser) {
                let webSocket = new WebSocket("----server url----");
            }
        }
    }
    
  2. from https://stackoverflow.com/questions/41700412/angular-universal-server-rendering-websocket by cc-by-sa and MIT license