چت بیدرنگ با Laravel-Livewire: برنامه بلند از ابتدا

سرفصل ها و درس ها

مقدمه Introduction

• اپلیکیشن لاراول جدید بسازید Create new Laravel application

• Breeze را نصب کنید Install Breeze

• Livewire را نصب کنید Install Livewire

طراحی اجزای فهرست چت ChatList Component Design

• ایجاد نمایه Create Index

• کامپوننت <x-avatar/> را ایجاد کنید Create <x-avatar /> component

• سرصفحه لیست چت Chat list header

• مورد فهرست چت Chatlist Item

طراحی اجزای چت باکس ChatBox Component Design

• چت.چت Chat.Chat

• چت باکس ChatBox

• سربرگ چت باکس Chatbox Header

• پیام های چت باکس Chatbox messages

• پاورقی چت باکس Chatbox Footer

ایجاد مدل ها و مهاجرت ها Create Models and Migrations

• میز گفتگو Conversation table

• جدول پیام ها Messages Table

روابط طراحی، حوزه ها و روش ها Design Relationships, scopes and methods

• رابطه گفتگو Conversation Relationship

• ارتباط پیام Message Relationship

• ارتباط کاربر User Relationship

لیست کاربری و مکالمه ایجاد کنید Create userlist and conversation

• ایجاد لیست کاربران Create Users list

• ایجاد مکالمه Create Conversation

مکالمه را از پارامتر پرس و جو دریافت کنید Get conversation from query parameter

• SelectedConversation را در چت اصلی بارگیری کنید Load SelectedConversation in Main Chat

دریافت همه مکالمات Get All Conversations

• بارگیری همه مکالمات Load All Conversations

• به SelectedChat بروید Scroll to SelectedChat

ارسال پیام و بارگیری پیام ها Sending message & Load Messages

• مکالمه انتخابی را باطل کنید و گیرنده دریافت کنید Make Selected Conversation nullable & Get Receiver

• ارسال و ذخیره پیام به پایگاه داده Send and save message to database

• بارگذاری پیام ها Load messages

• وضعیت خواندن پیام Message read Status

• پیام را به چت باکس فشار دهید Push message to Chatbox

• نمایش زمان پیام Show Message time

• چت را به پایین اسکرول کنید Scroll Chat to bottom

• مخفی کردن آواتار پیام تأیید Hide Avatar of Auth Message

• به‌روزرسانی مکالمه updated_at هنگام ارسال پیام جدید Update conversation updated_at when new message sent

• رویداد را به چت لیست ارسال کنید Emit event to Chatlist

علامت گذاری پیام ها به عنوان خوانده شده Mark Messages As Read

• علامت گذاری پیام ها در چت اصلی Mark Messages in Main Chat

فهرست چت را بازخوانی کنید، تعداد پیام های خوانده نشده را دریافت کنید Refresh Chatlist ,Get Unread Messages Count

• به رویداد منتشر شده در Chatlist گوش دهید Listen to emitted event in Chatlist

• تعداد پیام های خوانده نشده را دریافت کنید Get Unread messages count

• وضعیت خواندن پیام لیست چت Chatlist Message Read Status

بارگیری پیام های بیشتر Load More Messages

• بارگیری پیام های بیشتر Load more messages

• به‌روزرسانی موقعیت اسکرول چت Update Chat Scroll Position

پخش Broadcasting

• Pusher SDK و Laravel Echo را نصب کنید Install Pusher SDK & Laravel Echo

• اعلان پیام ارسال شده MessageSent Notification

• گوش دادن به اعلان پیام ارسال شده Listen MessageSent Notification

• اضافه کردن مشاغل در صف Add Queued Jobs

• اطلاعیه MessageRead MessageRead Notification

• علامت گذاری پیام به عنوان خوانده شده با استفاده از Alpine.js در Chatbox Mark message AsRead using Alpine.js in Chatbox

• به روز رسانی لیست چت پس از پخش پیام Update Chatlist After message is broadcasted

حذف مکالمات Deleting Conversations

• حذف مکالمه با روش کاربر Delete Conversation By User Method

• مکالمات حذف شده را فیلتر کنید Filter Deleted Conversations

• فیلتر کردن پیام های حذف شده Filter Deleted Messages