react socket.io chat app

React socket io chat-app Contoh

Implementasi aplikasi obrolan real-time sederhana menggunakan socket.io, node dan react.

Lihat demo langsung di sini

Pengaturan dan jalankan

• Pastikan Anda memiliki port 3000 dan 8002 gratis di mesin Anda.
• Jalankan npm i di direktori kedua /backend dan /react-app.
• Buka dua jendela terminal dan navigasikan ke kedua direktori ini dan jalankan npm start

Instruksi untuk menjalankan aplikasi ini

Untuk masuk secara berbeda di aplikasi, Anda dapat menggunakan dua tab Browser yang berbeda yang membuka aplikasi yang sama dan dapat mengobrol secara real-time. Tidak ada sesi yang dipertahankan demikian di setiap halaman kunjungannya akan meminta masuk. (Misalnya Anda dapat memilih Alexa dalam satu tab untuk masuk dan TAR di tab kedua dan kemudian Anda dapat mengirim pesan ke Tars dari Tab Alexa dan Anda akan melihat pesan yang belum dibaca di tab Tars).

Pesan disimpan dalam memori browser sehingga pada pesan penyegaran berikutnya akan hilang. Kami bisa menyimpan pesan di server 'DB, tetapi DB tidak ada dalam skenario.