Pada tutorial ini, kita akan membahas lcara install aplikasi berbasis web di localhost menggunakan XAMPP yang akan dijelaskan secara detail sampai anda dapat menjalankan aplikasi anda di komputer anda.
Untuk studi kasus, kita akan menggunakan aplikasi penggajian berbasis web yang dibangun dengan PHP dan database MySQL, yang terletak dalam folder “gaji_pro,” serta file database “gaji_pro.sql”. Penjelasan Cara Install Aplikasi Berbasis Web di Localhost Menggunakan XAMPP akan dibagi menjadi beberapa bagian di bawah ini.
1. Unduh dan Instal XAMPP
Jika di komputer anda belum diinstall XAMPP, maka langkah pertama yang harus anda lakukan mengunduh dan menginstall XAMPP di komputer anda. Berikut ini beberapa langkah yang dapat anda ikuti.
- Kunjungi situs resmi XAMPP di https://www.apachefriends.org dan unduh versi XAMPP yang sesuai dengan sistem operasi Anda.
- Ikuti panduan instalasi yang disediakan untuk menginstal XAMPP di komputer Anda. Setelah selesai, jalankan XAMPP Control Panel.
Jika masih bingung dengan 2 langkah di atas, anda dapat mengikuti tutorial Cara Install XAMPP 7.4.13 Portable di Windows 10.
2. Start Apache dan MySQL
Setelah XAMPP berhasil anda install di komputer anda, selanjutnya jalankan Apache dan MySQL dengan mengikuti langkah berikut ini:
- Buka XAMPP Control Panel
- Klik tombol “Start” di sebelah “Apache”
- Klik tombol “Start” di sebelah “MySQL”.
Langkah di atas akan mengaktifkan server Apache dan MySQL di localhost Anda.
3. Import Database
Langkah selanjutnya setelah XAMPP berhasil diinstall, kemudian Apache dan MySQL sudah berhasil dijalankan adalah mengimport database. Ikuti beberapa langkah berikut ini:
- Buka browser dan akses http://localhost/phpmyadmin untuk membuka phpMyAdmin.
- Buat database baru dengan nama “gaji_pro“
- Pilih database “gaji_pro” yang baru saja dibuat dan klik pada tab “Import” di phpMyAdmin.
- Klik tombol “Pilih Berkas” dan pilih file “gaji_pro.sql” yang telah disediakan sebelumnya. Klik tombol “Go” untuk mengimpor struktur database.
4. Meletakkan Aplikasi di Folder Htdocs
Selanjutnya adalah meletakkan folder aplikasi ke folder htdocs di XAMPP. Ikuti beberapa langkah berikut ini:
- Copy folder “gaji_pro” yang berisi aplikasi penggajian ke direktori “htdocs” yang ada di direktori instalasi XAMPP.
- Secara default, direktori ini biasanya berada di “C:\xampp\htdocs” (pada Windows) atau “/opt/lampp/htdocs” (pada Linux).
5. Konfigurasi Aplikasi
Langkah selanjutnya adalah konfigurasi aplikasi, biasanya digunakan untuk menyesuaikan koneksi database. Ikuti beberapa langkah berikut ini:
- Buka folder “gaji_pro” di direktori “htdocs” dan cari file konfigurasi aplikasi, misalnya “koneksi.php.”
- Edit file konfigurasi dan sesuaikan pengaturan database, seperti nama database, username, dan password dengan yang sesuai dengan pengaturan yang Anda buat di phpMyAdmin.
6. Akses Aplikasi
Terakhir adalah menjalankan atau mengakses aplikasi yang telah diinstall. Ikuti beberapa langkah berikut ini:
- Buka browser, anda dapat menggunakan Google Chrome, Mozilla Firefox atau Microsoft Edge
- Akses http://localhost/gaji_pro (ganti “gaji_pro” dengan nama folder aplikasi milik anda jika berbeda).
Anda sekarang dapat mengakses dan menggunakan aplikasi penggajian berbasis web Anda secara lokal di komputer Anda. Pastikan Anda sudah login dan menjalankan semua fitur yang dibutuhkan dalam aplikasi Anda.
Semoga tutorial ini membantu Anda menginstal aplikasi berbasis web di localhost menggunakan XAMPP. Jika Anda mengalami masalah atau memiliki pertanyaan tambahan, jangan ragu untuk bertanya di kolom komentar di bawah postingan ini.
