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
Негізгі бет React + Laravel ile Chat Sistemi Kodluyoruz Bölüm 10 | Socket Server |
No video
Пікірлер: 1