Contoh Aplikasi Chat Realtime dengan Ratchet, MySQL, Bootstrap, CSS, dan CodeIgniter 4

Menjalankan dan Menguji Chat Realtime

Gunakan dua terminal dari folder project.

Terminal pertama:

php spark serve

Terminal kedua:

php spark chat:serve

Buka http://localhost:8080/chat pada dua browser atau dua tab:

1. Masukkan nama berbeda pada masing-masing tab.
2. Gunakan room yang sama, misalnya umum.
3. Kirim pesan dan pastikan pesan langsung muncul di kedua tab.
4. Muat ulang halaman dan pastikan riwayat kembali ditampilkan.
5. Masuk dengan room berbeda dan pastikan pesan tidak tercampur.
6. Matikan server Ratchet untuk menguji indikator koneksi dan reconnect.
7. Coba mengirim tag HTML dan pastikan tag tampil sebagai teks.

Jika port 8081 sudah dipakai, ubah chat.websocketPort dan chat.websocketUrl secara bersamaan.