Laravel - Socket.io 聊天系统

Question

我目前正在开发一个两个用户可以互相聊天的项目。我刚刚让 socket.io 在没有 laravel 的情况下工作，目前用户之间没有任何聊天。它只在主页上，我使用了他们网站上的教程。

问题一

我想在我的 laravel 项目中使用 socket.io。但是我还没有找到合适的教程，他们在其中使用数据库和两个登录用户之间的私有(private)消息传递。我已经有一个数据库模型，但我不太清楚它是否以适合我的系统的方式建模。您可以看到这张图片中的模型:https://imgur.com/a/7yYO6

在我的系统中，我想使用可点击的消息功能，我的意思是；用户点击对话，他/她可以与他们交谈。下图很好地说明了这一点。对于那些找不到它的人，它是显示对话的左侧列表。

图片:https://imgur.com/a/Jzddc请记住，这张图片是纯 HTML、CSS。没有任何功能

我怎样才能做到这一点？

问题2

我对样式有一个小问题。我无法弄清楚如何单独设置消息的样式，我的意思是，发件人的文本气泡需要其背景颜色，而如果他/她收到一条消息，则该文本气泡的背景颜色需要为灰色。我在 Bootstrap 中创建了我的消息系统。我无法弄清楚如何以我当前系统的构建方式来做到这一点。

TLDR；我正在寻找适合我的项目的消息系统教程，或者我的项目关于 socket.io、样式和在 laravel 中实现它的提示。

提前致谢!

Answer 1

我对那个 PHP 框架一无所知，但看起来您想将两个人放入唯一的 socket.io 房间并在他们发起对话时在该房间中发出 socket.io 事件。

保留正在运行的房间列表。

这是解释事件和房间的好答案:

Send response to all clients except sender