javascript - 如果有人已经在里面，ReactJs 会阻止某人加载页面

Question

我正在编写一个多人同时登录的系统，但我们不能让两个用户同时查看同一个用户记录。我该怎么做才能让两个人看不到相同的数据。所以说如果用户名:管理员正在查看记录:123，并且用户名:用户想要访问记录:123 用户将收到提示说“抱歉，管理员已经在查看该记录，请等到他们完成谢谢”

我将如何锁定其他用户。

所以您在左侧框中搜索您的记录并单击“搜索”，然后在右侧显示结果 Pane 。我想要它，所以当您单击“打开”时，它会将您带到记录，但如果记录中有人，我希望它说出我上面写的内容。

Answer 1

没有简单的方法可以实现这一点，并且您不能在客户端执行此操作，因为浏览器不知道其他浏览器上发生的事情。

你必须在你的服务器端实现一些东西，比如 socket.io .

使用套接字，当另一个用户转到记录时，您可以向所有当前登录的用户发出 websocket 推送。

1. For instance with your example lets say user Admin goes into record 123.
2. Then you can send a notification to all other currently logged in users and tell them user Admin is currently looking at record 123.
3. On the client side ( presuming you are using something like Redux for the store ) you can then update the records and make 123 unreadable or not displayable.

*不过，您需要记住一些事情，当用户导航出屏幕时，您需要解锁该记录。这样做的问题是用户可以通过执行多个操作(按浏览器后退按钮、关闭页面或导航到应用程序上的其他页面)离开页面。您将需要一种方法来解决这个问题，一旦完成，您就可以向所有用户更新一条通知，说明该记录现在可用，然后重复上述步骤。

希望这解释得足够好，如果您需要更多说明，请告诉我。