Lokal web server menggunakan XAMPP

Dalam pembuatan web terdapat dua sisi yaitu sisi client dan sisi server.  pada sisi client terdapat user yang dapat mengakses sebuah web dengan cara merequest HTTP ke server melalui web browser, dan pada sisi server  terdapat web server yang dapat menyimpan file-file dari web bisa berupa file teks, video, gambar, suara dan masih banyak lagi yang nantinya akan digunakan untuk meresponse request dari client. Untuk penggambaran prosesnya dapat dilihat pada gambar dibawah ini. 

Pada pembahasan kali ini kita akan membahas tengtang bagaimana cara membuat lokal web server pada XAMPP. XAMPP merupakan paket aplikasi yang digunakan untuk memenuhi kebutuhan server yang isinya terdapat web server (Apache), database server (MySQL) dan bahasa pemrograman (PHP dan Perl). 

Sebelum membuat lokal web server, download file instalasi XAMPP pada : https://www.apachefriends.org/download.html

Langkah pertama dalam pembuatan lokal web server pada XAMPP yaitu instal XAMPP yang telah di download sebelumnya.

1. Klik tombol Next.
 

2. Pilih semua fitur yang ada dikarenakan kemungkinan terdapat web yang membutuhkan semua fitur tersebut. Lalu Klik tombol Next.
 

3. Pilih lokasi instalasi XAMPP, Lalu Klik tombol Next.
 

4. Pilih next saja.
 

 5. Tunggu proses instalasi hingga selesai.
 

6. Klik tombol finish

Langkah berikutnya dalam pembuatan lokal web server yaitu memindahkan file web kedalam folder htdocs  yang ada pada folder instalasi XAMPP. Kali ini saya akan menggunakan web kalkulator zakat sebagai contoh.

File web dapat didownload di https://github.com/alfarisi/zakatcalc/releases

1. Cari folder instalasi XAMPP, lalu buka.
 

2. Buka Folder htdocs
 

 3. Pindahkan file web kedalam folder htdocs, disini saya memindahkan file web zakatcalc kedalam forlder htdocs

 

Setelah berhasil memindahkan file kedalam folder htdocs yang tersisa tinggal langkah terakhir yaitu uji coba apakah berhasil atau tidak membuat lokal web servernya. 

Aktifkan terlebih dahulu Apache dan MySQL pada XAMPP control panel dengan menekan tombol start.

 

Kemudian buka web browser yang kita miliki. Lalu akses http://localhost/zakatcalc/ atau http://localhost/zakatcalc/index.html apabila file index yang ada pada folder zakatcalc berekstensikan .html. dan..... taraaa.... beginilah hasilnya bila lokal web server berhasil dibuat.

 

Apabila kita ingin mengaksesnya menggunakan perangkat lain maka perangkat lain haruslah terhubung dalam jaringan yang sama.

Cari terlebih dahulu alamat ip yang menjadi server dengan buka cmd lalu ketikan ipconfig

 

Ip yang di dapatkan yaitu 192.168.0.10, lalu akses pada perangkat lain akses http:// 192.168.0.10/zakatcalc/ atau http:// 192.168.0.10/zakatcalc/index.html