React + Laravel ile Chat Sistemi Kodluyoruz Bölüm 10 | Socket Server |
Вставка
- Опубліковано 15 жов 2024
- Hepinize merhaba dostlarım :) Ben Muhammed Fatih
#react ve #laravel teknolojilerinin müptelası olarak oluşturduğum ve sizlerle beraber tam gaz devam ettiğim "Chat Sistemi" eğitim serimizin yepyeni bir bölümü ile karşınızdayım.
Biliyorsunuz ki bir önceki bölümde mesajlaşma işlemleri için gerekli #veritabanı tablolarını oluşturup #socket kurulumunu gerçekleştirmiştik. Henüz #server olmadığından dolayı birtakım #polling hatalarını alma durumunu da açıkça görmüştük
Bu bölümde ise dostlarım sizlerle beraber #backend tarafında bir server oluşturup kullanıcımızın sisteme giriş yaptığında bize #websocket üzerinden bildirim gelmesini ve bunun da backend tarafında işlenmesini, kullanıcı listesine dahil edilmesini gerçekleştirdik
Kısaca neler yaptık bunlardan bahsedecek olursak:
-- Anlık değişiklikleri algılamak için 'nodemon' paketini kurduk
-- http isteklerini alıp server oluşturmak için #express paketini, socket işlemleri için de #socketio paketini kurduk
-- Server port numarasını ayarladık
-- Gelen 'connect_user' eventi için kullanıcı id numarasını sisteme dahil ettik (kullanıcı listesine)
-- React tarafından ise bu event ismini kullanarak veriyi server tarafına gönderdik
şeklinde özetleyebiliriz.
Video sonunda da dediğim gibi dostlarım socket işlemleri biraz karmaşık olabiliyor. Özellikle #realtime uygulamalar geliştirmeye yeni başlıyorsanız bu süreç biraz sancılı geçecektir.
İşte bu aşamada sizlerden istediğim tek şey her videomun sonunda dediğim gibi "İstikrarlı ve azimli olmalısınız, bolca pratik yapmalısınız" şeklinde olacaktır. Bu dediklerimi hayat felsefeniz yaptığınız sürece başarı sizler için kaçınılmaz olacaktır :)
Şimdiden hepinize iyi çalışmalar iyi seyirler dilerim dostlarım :). Videoyu beğenmeyi, kanalıma abone olmayı ve bildirimleri açmayı, takıldığınız yerlerde yorum yapmayı unutmayın.
Projemizin Kodları: github.com/tur...
React + Laravel Eğitimleri için:
WebRTC Projesi: tls.tc/04JnR
Alışveriş Sepeti Projesi: tls.tc/rzCkV
Chat Sistemi Projesi: tls.tc/7ePsd
Sitelerim -
MFSoftware Blog: mfsoftware.net/
Seyyar Yazılımcı (Yazılımcı Tartışma Platformu): seyyaryazilimc...
Sosyal Medya Hesaplarım -
Linkedin: / mfsoftware
Instagram: / mfsoftware.net.tr
React Laravel chat uygulaması nasıl yapılır
Socket server kurulumu ve yapılandırması
Real-time chat geliştirme adımları
React ve Socket.io ile canlı sohbet uygulaması
Laravel Echo ve WebSocket kullanımı
WebSocket ile anlık iletişim sağlama
Integrating React with Laravel techniques
Steps to create WebSocket server
Building chat application with React and Laravel
Developing real-time messaging app
Securing with Laravel Sanctum
Real-time communication with Socket.io
Laravel ile WebSocket nasıl entegre edilir
React ile chat uygulaması geliştirme adımları
Laravel broadcast sistemi ve kullanımı
Laravel backend kurulum ve yapılandırma
React frontend nasıl oluşturulur
WebSocket üzerinden veri iletimi yöntemleri
Real-time chat application with Laravel and React
Developing and integrating Laravel APIs
Front-end development using React hooks
Implementing Laravel API authentication
Examples and techniques of socket programming
Overview of React components usage
Laravel CORS ayarları ve konfigürasyonu
WebSocket ile gerçek zamanlı iletişim nasıl kurulur
Laravel backend geliştirme yöntemleri
React event handling teknikleri
Laravel middleware kullanımı ve özellikleri
React state yönetimi ve best practices