ReactJs誰かが既にページ内に入っている場合にページを読み込まないようにしてください

Question

私は一度に複数のユーザーが同時にログインするシステムを作成していますが、 。 2人で同じデータを見ることができないように、どうすればいいですか？ユーザー名：adminがレコード：123を探していて、ユーザー名：ユーザーがレコードにアクセスしたい場合：123ユーザーは「申し訳ありません管理者は既にそのレコードを見ています」と感謝の気持ちでお待ちください。

どうすれば他のユーザーをロックアウトすることができますか？

あなたは左側のボックスであなたのレコードを検索し、検索をクリックすると、結果の右側にこの結果ペインが表示されます。私はそれを望んでいるので、あなたがレコードにあなたを連れて行くが、レコードの誰かが私が上に書いたことを言ってほしいと思うなら、それを開くようにしたい。

Answer 1

は、これを達成する簡単な方法はありません、とブラウザが他のブラウザ上で何が起こっているかを認識していないとして、あなたはそれをクライアント側を行うことはできません。

socket.ioのようにサーバー側に何かを実装する必要があります。

ソケットを使用すると、別のユーザーがレコードにアクセスしたときに、現在ログインしているすべてのユーザーにwebsocketプッシュを発行できます。例えば

1. あなたの例で、ユーザーの管理者がレコード123
2. に入るその後、現在のユーザーでログインして他のすべてに通知を送信し、ユーザ管理者は、現在のレコード123を見ていることを伝えることができると言うことができます。
3. クライアント側では（店舗にReduxのようなものを使用していると仮定して）、レコードを更新してを読み取り不可能または表示不可能にすることができます。

*ユーザーは、あなたがそのレコードのロックを解除する必要があります、画面の外に移動したときに、しかし心に留めておく必要があるものがあります。その問題は、ユーザーが複数の操作（ブラウザの戻るボタンを押す、ページを閉じる、アプリケーションの他のページに移動するなど）を行ってページを離れることができることです。これを理解する方法が必要になります。いったん完了したら、すべてのユーザーを更新して、レコードが利用可能である旨の通知を出し、上記の手順を繰り返します。

それが十分に説明されていることを希望し、もっと明確にする必要がある場合は教えてください。