2人のユーザーがAngular 2 Appの同じコンポーネントにいるときを特定する方法

Question

2人（またはそれ以上）のユーザーが現在Angular 2アプリ内で同じデータを表示しているときをどのようにターゲット設定するかを特定しようとしています。私はノードとmongoDBをバックエンドに使用しています。クライアントとサーバー間の通信にはsocket.ioを使用します。基本的には、2人のユーザーが編集可能なデータを同時に表示していることを知る必要があるため、アラートを送信することができます。

Answer 1

これにはバックエンドが必要です。 Angular 2アプリは、ユーザーが別のルート（別のコンポーネント）に移動するたびにバックエンドにリクエストを送信する必要があります。

これを行うには、ルーターのイベントを購読することができます。ここでは簡単なコードを紹介しますが、いくつかの調整が必要です。残りの「ルート」オブジェクトのプロパティをチェックアウトし、それに応じて調整します。 （おそらくAppComponentと呼ばれる）あなたのルートコンポーネントの内側に貼り付けます。

constructor(private router:Router) { 
    this.router.events.subscribe((route) => { 
     var routeUrl = route.url; 
     // TODO: send an HTTP request to your backend, telling it the new route that the user is on 
    }); 
} 

この後のあなたの次のステップは次のようになりますので、私は、他のユーザーは、彼らがそうであるように同じルート上にあるかを知るためにのためにあなたの最終目標であると仮定していますこれを何らかの形でクライアントに伝えるために：AJAXポーリングはwebsocketの設定と同様に1つのオプションです。