در این آموزش، ما یک برنامه چت بلادرنگ با استفاده از Laravel، Nuxt 3، Sanctum و Laravel Reverb برای مدیریت پیامهای امن و زنده بین کاربران میسازیم. ما احراز هویت کاربر را راهاندازی میکنیم، به یک API ایمن متصل میشویم و مطمئن میشویم که چت فوراً بهروزرسانی میشود تا تجربهای روان و پاسخگو داشته باشد.
ما از این ماژول برای مدیریت احراز هویت SPA استفاده خواهیم کرد، که به طور کارآمدی از تأیید اعتبار یک صفحه (SPA) و API استفاده می کند. برای کسب اطلاعات بیشتر در مورد استفاده از این ماژول، به مقاله احراز هویت Nuxt 3 SPA مراجعه کنید.
در این پروژه، ما Laravel Reverb را برای پخش رویدادهای بیدرنگ پیکربندی میکنیم، احراز هویت را با Sanctum پیادهسازی میکنیم و یک فرانتاند Nuxt 3 میسازیم که پیامهای چت را به صورت پویا نمایش و مدیریت میکند. بیایید شروع کنیم!
پیش نیازها
- آشنایی اولیه با Laravel، Sanctum و Nuxt 3.
- آشنایی با پخش رویداد در لاراول
- پروژه لاراول که با Sanctum راه اندازی شده است.
- Nuxt 3 به عنوان قسمت جلویی برنامه شما نصب و پیکربندی شده است.
مرحله 1: Laravel Sanctum و Laravel Reverb را راه اندازی کنید
ابتدا مطمئن شوید که Laravel Sanctum نصب و پیکربندی شده است. Sanctum امکان احراز هویت مبتنی بر توکن را برای برنامه های کاربردی تک صفحه ای (SPA) می دهد. سپس، Laravel Reverb را برای قابلیت های بلادرنگ نصب و پیکربندی کنید.
متغیرهای محیط Reverb زیر را به خود اضافه کنید .env
فایل: