私は現在、2人のユーザーがお互いにチャットできるプロジェクトに取り組んでいます。私はちょうどlaravelなしで働いているsocket.ioを持っていました、現在、ユーザー間のチャットは全くありません。それはホームページ上にのみあり、彼らのウェブサイトにあるチュートリアルを使用しました。Laravel - Socket.ioチャットシステム
質問1
私は私のlaravelプロジェクトのsocket.ioを使用したいです。しかし、私は右のチュートリアルを見つけられませんでしたが、データベースとプライベートメッセージングを2人のログインユーザーの間で利用しています。私はすでにデータベースモデルを持っていますが、私のシステムに適したモデルになっているかどうかはよくわかりません。私が意味するこれで、私はクリック可能なメッセージ機能を利用したい私のシステムではhttps://imgur.com/a/7yYO6
;：あなたはこの写真のモデルを見ることができますユーザーが会話をクリックし、会話をすることができます。下のイメージではかなり上手く描かれています。それを見つけることができない人のために、それは会話を表示する左のリストです。
画像：https://imgur.com/a/Jzddcこの画像は純粋なHTML、CSSです。機能はまったくありません
どうすればこのことができますか？
質問2
私はスタイリングの小さな問題を抱えています。私はメッセージを別々に書式設定する方法を理解できません。これは、送信者のテキストバブルはその背景色を必要とし、メッセージを受け取った場合、テキストバブルの背景色はグレーでなければならないことを意味します。ブートストラップでメッセージシステムを作った。私の現在のシステムがどのように構築されているかを理解することはできません。
TLDR;私は自分のプロジェクトに合ったメッセージシステムのチュートリアルを探しています。socket.ioに関する私のプロジェクトのヒント、スタイリング、そしてlaravelのすべてを実装しています。
ありがとうございます！