- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在用 React/Redux、Node (Express)、Socket.io 和 MySql 开发一个实时聊天应用程序。我想做的是没有“公共(public)”房间的实时聊天。它适用于用户之间的友谊/关系(与另一个用户是 friend 的用户可以一对一聊天)并且还处理组创建(用户可以创建一个与他想要的许多其他用户的组)。
一切正常,唯一的问题是我不确定获取每个用户的 friend /群组列表(也显示在线/离线状态)的最佳方法。
我目前的做法如下:
let connectedUsers = {
1: 'socketIdUser1'
2: 'socketIdUser2',
5: 'socketIdUser5',
// ... And so on for every user that is connected
}
如果我们以上面的对象为例,我们知道 ID 为 1、2 和 5 的用户是连接的。
let userFriendsObject = {
1: {
2: 2,
4: 4,
5: 5,
},
2: {
1: 1,
5: 5,
9: 9,
12: 12,
}
}
这个对象向我们展示了 ID 为 1 的用户与 ID 为 2、4 和 5 的用户有 friend 关系(因此可以与他们聊天)。而 ID = 2 的用户与 ID 为 1 的用户是 friend , 5、9 和 12。
useEffect(() => {
/* When a user connects, this event is emited to the backend, which
will then emit back the below "set user friends list" event */
socket.emit('new connected user', { id: currentUser.id, pseudo: currentUser.pseudo });
// Listening emited event from the backend, holding the user's friend list
socket.on('set user friends list', friendStack => {
if (friendStack) {
// dispatch hook to set the friend list in Redux global state
dispatch(setFriendList(friendStack));
}
});
// Listening emited event from the backend, updates online status for newly connected user's friends
socket.on('set friend status', ({ friendId, isActive }) => {
dispatch(setOnline({ id: friendId, changes: { isActive } }));
});
}, []);
// "Global" object containing every connected user (key = user ID, value = socket ID)
let connectedUsers = {};
// "Global" object containing every user ID, themselves containing every friends IDs (= holding every friendships)
let userFriendsObject = {};
socket.on('new connected user', ({ userId, pseudo => {
session.user = {
id: userId,
pseudo: pseudo,
isActive: true,
};
connectedUsers[userId] = socket.id; // Used to know which users are connected
session.save();
/* I use EventEmitter() from the 'events' library to emit events
from the backend to the backend for everything DB related,
to better split the code */
eventEmitter.emit('get friends list', { userId });
/* Function triggered below (after all the "sockets.on()",
in eventEmitter.on('get friends list'), to process the
friend list received from the DB just above) */
setFriendList = function(friends) {
/* I emit to the newly connected user's socket his friend list */
ioChat.to(socket.id).emit('set user friends list', friends[userId]);
/* To update the online status ("isActive") of the friends side of the newly connected
user, I loop through connectedUser object keys (= connected users IDs) ... */
for (let i in connectedUsers) {
/* ... to compare it with the userFriendsObject key of the user to check
(= his friend list), to know which of his friends are connected... */
if (userFriendsObject[userId] && userFriendsObject[userId][i] === parseInt(i, 10) && parseInt(i, 10) !== userId) {
/* ... and then send to his connected friends an event which will say
to them to update the status of the newly connected user */
ioChat.to(connectedUsers[i]).emit('set friend status', { friendId: userId, isActive: true });
}
}
};
});
// ...
eventEmitter.on('get friends list', async ({ userId }) => {
try {
// Setting the online status of the user in DB (1 = online, 0 = offline)
await User.setUserStatus(userId, 1);
// Calling the DB to get the user friends
const friendList = await User.getUserFriendsData(userId);
/* This variable will be "local" and hold all the user's friend list
as a normalized object ready for Redux */
let friends = {};
// Loop through the friendList retrieved from the DB
let i = 0, resultLength = friendList.length;
for (i; i < resultLength; i++) {
// Putting the "local" user's friend list in "friends" object
friends[userId] = {
...friends[userId],
[friendList[i].userId]: {
id: friendList[i].userId,
pseudo: friendList[i].pseudo,
email: friendList[i].email,
createdOn: friendList[i].createdOn,
isActive: friendList[i].isActive !== 0,
roomId: friendList[i].roomId,
}
};
/* Using userFriendsObject as a "global" object, holding every user's friend list
(only the IDs though, as explained in the beginning of my post) */
userFriendsObject[userId] = {
...userFriendsObject[userId],
[friendList[i].userId]: friendList[i].userId,
};
}
/* Here I call the setFriendList() function which is in
"socket.on('new connected user')" and is used
to process the friend list and emit events accordingly */
setList(friends);
}
catch (error) {
console.error(`Error EE.on('get list') : ${error}`);
}
});
如果这不是很清楚,我很抱歉,代码已经加载得很好了。我尽力解释正在发生的事情,但如果不清楚,请随时告诉我详细说明(另外,英语不是我的母语,使它变得更加困难)。
// Looping through the connectedUsers object...
for (let i in connectedUsers) {
/* ... to compare it with the userFriendsObject key of the user to check
(= his friend list), to know which of his friends are connected... */
if (userFriendsObject[userId] && userFriendsObject[userId][i] === parseInt(i, 10) && parseInt(i, 10) !== userId) {
/* ... and then send to his connected friends an event which will say
to them to update the status of the newly connected user */
ioChat.to(connectedUsers[i]).emit('set friend status', { friendId: userId, isActive: true });
}
}
最佳答案
我终于成功了。
我通过使用 Redis 缓存存储来做到这一点。
我所做的是,当我为每个用户获取每个 friend 和组时,我会在 Redis 存储中创建一个位置来存储它。然后我可以得到任何具有用户 ID 的用户 friend 。
const redis = require('redis');
const redisStore = redis.createClient();
// I can then store a friend (friend being a JSON object) like so :
redisStore.hset(`${userId}:friends`, friend.id, JSON.stringify(friend));
// This way I store every friend as a key / value in ${userId}:friends
// I can retrieve a specific friend by its ID like so :
redisStore.hget(`${userId}:friends`, friendID, (err, result) => {
// Here, the stringified friend object with ID = friendID is in result variable
});
// Or I can get all friends of user = userId like so :
redisStore.hgetall(`${userId}:friends`, (err, results) => {
// Here, every friends (stringified) of user with id = userId are in results variable
});
我刚开始使用 Redis,我发现它非常强大,非常适合我使用的那种应用程序。
关于node.js - Socket.io 实时聊天——管理用户好友,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64215351/
我会尽可能地解释我正在做的事情,以获得最好的可能的建议/解决方案。这一切都是在 java 中完成的。 我的客户有一个基于 SWING 的桌面应用程序,它将使用 WebStart 加载。我被指派为用户帐
看来这个page包含 Azure CLI 支持的与 Azure API 管理相关的所有功能。但它没有展示如何使用 Azure CLI 管理用户、产品、证书、订阅和 API 等实体。 Azure CLI
我设置了一个 Hadoop 1.2.x 版本,双节点集群。第一节点(NameNode、Jobtracker)和第二节点(Secondary NameNode、Datanode、TaskTracker)
对于内容驱动的网站,设计好坏的关键是关系型数据库。在这个教程中,我们已经使用了MySQL关系型数据库管理系统(RDBMS)建立了我们的数据库。对于网站的开发者来说,MySQL是一个较受欢迎的选择,这
在尝试运行MariaDB之前,首先确定其当前状态,运行或关闭。 有三个选项用于启动和停止MariaDB – 运行mysqld(MariaDB脚本)。 运行mysqld_safe启动脚本。
我在管理界面中遇到 StackedInlines 前缀的问题。我会尝试发布所有必要的代码。 models.py(简要) ##### Base classes class BaseItem(models
我是新来的。到目前为止,我一直在使用 MVC 模型并使用基本的 session 管理模型,即在 session 中存储一个 token 并检查每个请求。 我正在尝试对lift做同样的事情,但我的 se
我在 win 服务中使用 NHiberante。有时我得到 System.ObjectDisposedException: Session is closed! Object name: 'ISess
我正在尝试使用 HtmlUnit 登录 Facebook 页面并查看其 HTML 内容。我正在尝试通过 HtmlUnit 填写登录凭据,但在单击提交按钮时我没有看到正在执行的 session 。 在
我正在为一个相当大的项目开发一个带有 reactjs 的前端,该项目有两个主要接口(interface)。主站点的前端和管理员的前端。 我应该将它们开发为两个不同的项目还是 reactjs 中的一个项
短版 我有一个使用插件基础结构的应用程序。插件具有可配置的属性,可帮助它们了解如何完成工作。插件按配置文件分组以定义如何完成任务,配置文件存储在由 DataContractSerializer 序列化
如何管理 iPhone 应用程序中的用户 session ?我在应用程序的第一页上从用户那里获取了用户名和密码。用户可以随时注销。如何像其他 Web 应用程序一样在 iPhone 应用程序中存储 se
我正在使用 Azure API 管理,其中包含第三方论坛 (Discourse) 的链接。 api管理提供的默认登录系统用于注册用户。我想知道是否可以对 api 管理和论坛使用单点登录,这样用户就不必
我正在使用 Wordpress 建立一个网站,并且我想利用它的 session 。但我没有找到任何插件,甚至文档。在我开始破解之前有什么建议或引用吗? 注意:我问的是 WP 是否以及如何使用标准 PH
我已阅读《Azure in Action》一书中的以下内容:“在 Windows Azure 中,状态服务器或进程外 session 状态提供程序,不支持” 谁能告诉我为什么不支持这个。他们在书中没有
我有一个内联表单集,我想排除一些模型对象在表单集中显示。 例如。模型 B 具有模型 A 的外键,因此它是 1:n(A 对象有许多 B 对象)关系。现在在 A 管理编辑页面上,我已经获得了 B 的内联。
我正在开发一个基于 session 的项目。我在想,与银行类似,我会创建一张支票并为用户提供阻止 session 超时的能力。 我正在考虑创建一个 setInterval 来检查需要身份验证的空白页面
我正在为一位拥有 Magento 商店的客户工作。里面塞满了产品,但这些产品的名称有点乱。他并没有坚持一种命名约定,而是多年来使用了不同的约定。因此,每当他使用“管理”->“管理产品”部分中的“名称”
我使用大约十几个 XSLT 文件来提供大量输出格式。目前,用户必须知道导出的文件格式的扩展名,例如RTF、HTML、TXT。 我还想使用参数来允许更多选项。如果我可以将元数据嵌入 XSL 文件本身,那
我已阅读《Azure in Action》一书中的以下内容:“在 Windows Azure 中,状态服务器或进程外 session 状态提供程序,不支持” 谁能告诉我为什么不支持这个。他们在书中没有
我是一名优秀的程序员,十分优秀!