Cara Membuat Aplikasi Chatting Dengan PHP PDO dan MYSQL

Initekno.com – Chatting adalah sebuah aktifitas bertukar data secara realtime melalui media internet baik berupa tulisan, gambar ataupun suara/audio. Chatting telah lumrah dilakukan dizaman ini, bahkan menjadi hal wajib dan tidak bisa terelakkan lagi. Contoh aplikasi chatting yang paling populer adalah WhatsApp, facebook mesenger, BBM (blackberry messenger) dan masih banyak lagi aplikasi penyedia chatting online.

Nah, kali ini kita akan mencoba membuat sebuah aplikasi chatting online yang sederhana dengan menggunakan bahasa pemrograman PHP dan penyimpanan MYSQL. Artinya semua histori chatting kita akan disimpan pada mysql. (Artikel ini tidak disarankan untuk kamu yang baru mengenal PHP). Langkah awal untuk memulai ini adalah seperti biasa, buat terlebih dahulu database chatting seperti dibawah ini :

Membuat Tabel Login User

Membuat Tabel Login_Detail

Tabel login detail mempunyai 1 primary key dan 1 auto increment dengan tipe data int, bisa dikatakan bahwa auto increment int ini bisa menampung data hingga 4 milyar, banyak bukan. Kemudian ada 1 foreign key yaitu user_id, ini akan berhubungkan dengan tabel login master.

Membuat Tabel Chat Message

Dalam tabel ini ada beberapa hal penting yang perlu digaris bawahi yaitu : to_user_id dan from user_id, dimana ini bisa dibilang letak inti dari aplikasi chatting yang akan kita buat. karena ini menyangkut dengan keterkaitan untuk siapa dan kepada siapa chat kita akan dikirim maupun di terima. Kemudian chat message untuk menampung data percakapan setiap chat yang di buat.

Baik, itu dia pembahasan tentang pembuatan database mysql pada phpmyadmin. Selanjutnya pada pembahasan berikutnya kita akan banyak bermain koding. Silahkan buka visual studio code anda atau text editor kesayangan anda. Jika belum punya silahkan baca :

7 Text Editor Populer Programmer di Tahun 2018

Silahkan buat folder pada direktori c:/xampp/htdocs/chattingane

chattingane adalah nama aplikasi web yang saya buat, kamu bisa merubahnya sesuai dengan kebutuhan. Pertama buat 3 folder baru dan beri nama img, upload, dan config. img digunakan untuk direktori web kamu jika membutuhkan komponen gambar atau icon, upload adalah direktori folder untuk menyimpan file gambar chat dan config digunakan untuk menyimpan file konfigurasi database.

Silahkan lihat struktur file kamu nantinya seperti ini :

Buat file baru dan beri nama dengan login.php, tulis kode berikut ini

Buat file lagi dengan nama logout.php

Sekarang jika ada pengguna baru, maka harus melakukan pendaftaran terlebih dahulu. buat file dan simpan dengan nama register.php

Buat file index.php seluruh file yang kita buat nantinya bermuara ke index.php ini, karenan sistemnya tidak akan melakukan refresh browser.

Buat fetch_user.php

Buat group_chat.php

Buat file fetch_user_chat_history.php

Buat file insert_chat.php

Buat file remove_chat.php

Buat file update_is_type_status.php

Buat file update_last_activity.php

Buat file upload.php

Tambahkan file header.php dan footer pada folder template

header.php, kode header ini adalah project keseluruhan saya. dan saran saya kamu gunakan kerangka header ini keseluruhannya. karena saya membuat artikel selanjutnya atau sebelumnya dengan kerangka ini

footer.php untuk footer adalah bagian paling bawah, yaitu sambungan dari kode header.php diatas jadi singkat saja isinya. dan bisa kamu kembangkan sendiri nantinya

Terakhir buat file database_connection.php simpan didalam folder config

Dan pekerjaan kita telah selesai.. huh panjang banget yah kodenya.. “kalau dipikir-pikir hanya membuat chating sederhana kodenya banyak banget”.. hadehh.. eits.. santai dulu bos.. ini saya rasa sudah lebih dari cukup untuk sebuah aplikasi chatting sederhana…haha.. silahkan di kembangkan lagi sesuai kebutuhan kamu bos..

Dan berikut adalah hasilnya jika kamu melakukan chatting dengan teman langsung

Kamu juga bisa menambahkan emoji dan dokumen file.. dan berikut adalah tampilan chatting layaknya sebuah forum. artinya semua orang yang terdaftar dalam aplikasimu bisa melihat kiriman orang lain

Sekian, dan saya akhiri.. silahkan dikembangkan lagi sesuai kebutuhan, seperti menambahkan fitur reply chat. semoga artikel ini bermanfaat buat kamu di luaran sana, jangan sungkan untuk menanyakannya pada kolom komentar atau via email jika ternyata kode yang kamu buat error.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *