简体繁体 English

如何使用 WebSocket 处理实时通知？

[英]How to handle real time notification using WebSocket?

原文 2021-01-25 19:27:50 2 1 javascript/ reactjs/ http/ websocket/ socket.io

I've made real time chat app in React.js using Socket.io as milion of them in web.我已经使用 Socket.io 在 React.js 中制作了实时聊天应用程序，因为它们在 web 中有数百万个。 So now user A and user B can talk if they have open chat.所以现在用户 A 和用户 B 可以交谈，如果他们有开放的聊天。 I would like to add a new feature - when user A has open chat and user B has closed chat.我想添加一个新功能 - 当用户 A 打开聊天并且用户 B 关闭聊天时。 When user A will send the message to user B he will get a popup/notification that he has new message and when he'll click on the notification he will open the chat and see the message.当用户 A 将消息发送给用户 B 时，他将收到一个弹出窗口/通知，表明他有新消息，当他单击通知时，他将打开聊天并查看消息。
I didn't found any solution here.我在这里没有找到任何解决方案。 Do U guys know how to solve this problem?你们知道如何解决这个问题吗？ Is there any function in Socket.io to handle this? Socket.io 中是否有任何 function 来处理这个问题？

1 个解决方案

This is a very open question.这是一个非常开放的问题。 By the way I'll try to explain the main concepts of a possible solution.顺便说一下，我将尝试解释可能解决方案的主要概念。

First of all, you need to consider that if you want real-time notification for "background-message" client B will need to keep connection open with socket (otherwise you'll need a sort of polling logic).首先，您需要考虑，如果您想要“后台消息”客户端 B 的实时通知将需要保持与套接字的连接打开（否则您将需要一种轮询逻辑）。 Since B is connected to socket you can consider to work with Socket.io namespace in order to send this notification in another "room".由于 B 连接到套接字，您可以考虑使用 Socket.io 命名空间，以便在另一个“房间”中发送此通知。

Another solution can be made by using Push Notification API provided by Firebase , AWS , etc.另一种解决方案可以通过使用由Firebase 、 AWS等提供的推送通知 API来完成。