Ketika mulai belajar membuat website, Anda mungkin bertanya-tanya mengapa beberapa file HTML bisa langsung dibuka di browser, sedangkan file PHP harus dijalankan menggunakan XAMPP. Hal ini terjadi karena website dinamis memerlukan server untuk memproses permintaan sebelum hasilnya dikirimkan ke browser.

XAMPP hadir sebagai solusi bagi para pemula yang ingin mempelajari cara kerja server tanpa harus menyewa hosting. Dengan XAMPP, Anda dapat membuat lingkungan server lokal (localhost) di komputer sendiri sehingga proses belajar web development menjadi lebih mudah dan praktis.

Pada artikel ini, Anda akan mempelajari cara kerja server menggunakan XAMPP, mulai dari pengertian server, fungsi setiap komponen XAMPP, alur kerja server, hingga contoh sederhana menjalankan website berbasis PHP.

Apa Itu Server?

Server adalah komputer atau perangkat lunak yang bertugas menerima permintaan (request) dari pengguna, memprosesnya, kemudian mengirimkan kembali hasilnya (response).

Misalnya, saat Anda membuka sebuah website:

1. Browser mengirimkan permintaan ke server.
2. Server mencari file atau data yang diminta.
3. Jika diperlukan, server menjalankan kode PHP.
4. Server mengambil data dari database.
5. Hasil diproses lalu dikirim kembali ke browser.

Tanpa server, website yang menggunakan PHP atau database tidak dapat berjalan dengan semestinya.

Apa Itu XAMPP?

XAMPP adalah paket perangkat lunak yang menyediakan lingkungan server lokal di komputer. XAMPP menggabungkan beberapa komponen penting dalam satu instalasi sehingga Anda dapat menjalankan website tanpa koneksi internet maupun layanan hosting.

Komponen utama XAMPP meliputi:

• Apache sebagai web server.
• MariaDB sebagai sistem manajemen database.
• PHP sebagai bahasa pemrograman sisi server.
• Perl sebagai bahasa pemrograman tambahan.
• phpMyAdmin untuk mengelola database melalui browser.

Karena mudah digunakan, XAMPP menjadi pilihan populer bagi pelajar, mahasiswa, dan web developer pemula.

Mengapa Harus Menggunakan XAMPP?

XAMPP memiliki banyak kelebihan yang membuat proses belajar lebih mudah, di antaranya:

• Gratis dan bersifat open source.
• Mudah dipasang di Windows, Linux, maupun macOS.
• Tidak memerlukan koneksi internet untuk menjalankan website lokal.
• Mendukung PHP dan database dalam satu paket.
• Cocok untuk belajar sebelum mengunggah website ke hosting.

Dengan XAMPP, Anda dapat menguji aplikasi web tanpa khawatir memengaruhi website yang sudah online.

Komponen Penting dalam XAMPP

Apache

Apache merupakan web server yang bertugas menerima permintaan dari browser dan menampilkan halaman website.

Jika Apache tidak dijalankan, alamat seperti:

http://localhost

tidak akan bisa diakses.

PHP

PHP digunakan untuk menjalankan logika aplikasi.

Misalnya:

<?php
echo "Halo, Selamat Datang di Ngoding Daily!";
?>

Kode tersebut akan diproses oleh server sebelum hasilnya dikirim ke browser.

MariaDB

MariaDB berfungsi menyimpan data website, seperti:

• Data pengguna.
• Artikel.
• Produk.
• Komentar.
• Transaksi.

Database menjadi bagian penting dalam hampir semua website modern.

phpMyAdmin

phpMyAdmin adalah aplikasi berbasis web yang memudahkan Anda membuat, mengedit, dan menghapus database tanpa harus menggunakan perintah SQL secara manual.

Cara Kerja Server Menggunakan XAMPP

Agar lebih mudah dipahami, berikut alur kerja server ketika Anda membuka sebuah website lokal.

1. Browser Mengirim Request

Misalnya Anda membuka:

http://localhost/belajar/index.php

Browser akan mengirim permintaan kepada Apache.

2. Apache Menerima Permintaan

Apache memeriksa apakah file yang diminta tersedia di dalam folder:

htdocs

Jika file ditemukan, Apache akan meneruskannya.

3. PHP Memproses Kode

Jika file berupa HTML, Apache langsung mengirimkannya ke browser.

Namun jika file menggunakan PHP, Apache akan meminta PHP untuk memproses seluruh kode terlebih dahulu.

Sebagai contoh:

<?php
echo "<h1>Halo Dunia</h1>";
?>

Browser tidak akan melihat kode PHP, melainkan hasil akhirnya berupa:

Halo Dunia

4. Mengakses Database

Apabila aplikasi membutuhkan data, PHP akan mengambil informasi dari MariaDB.

Contohnya:

• Daftar produk.
• Data siswa.
• Artikel blog.
• Data login pengguna.

5. Server Mengirim Response

Setelah semua proses selesai, server mengirim hasil berupa HTML ke browser.

Browser kemudian menampilkan halaman website yang sudah lengkap.

Ilustrasi Cara Kerja Server

Secara sederhana, alur kerja server dapat digambarkan seperti berikut:

Browser
      │
      ▼
Apache (Server)
      │
      ▼
PHP
      │
      ▼
MariaDB
      │
      ▼
PHP
      │
      ▼
Apache
      │
      ▼
Browser

Alur ini terjadi setiap kali pengguna membuka halaman website berbasis PHP.

Cara Menjalankan Server Menggunakan XAMPP

Ikuti langkah-langkah berikut untuk menjalankan server lokal.

1. Buka XAMPP Control Panel

Setelah XAMPP terpasang, jalankan XAMPP Control Panel.

2. Aktifkan Apache

Klik tombol Start pada Apache hingga status berubah menjadi hijau.

3. Aktifkan MariaDB

Klik Start pada MariaDB jika aplikasi Anda menggunakan database.

4. Simpan File Website

Semua file website harus diletakkan di dalam folder:

C:\xampp\htdocs

Misalnya:

C:\xampp\htdocs\belajar-server

5. Buka Browser

Masukkan alamat:

http://localhost/belajar-server

Jika halaman tampil, berarti server lokal telah berjalan dengan baik.

Contoh Website Sederhana

Buat file:

index.php

Isi dengan kode berikut:

<?php

echo "<h1>Belajar Server Menggunakan XAMPP</h1>";

echo "<p>Website berhasil dijalankan.</p>";

?>

Simpan di folder:

htdocs/belajar-server

Kemudian buka:

http://localhost/belajar-server

Jika tampil tulisan tersebut, berarti Apache dan PHP berhasil bekerja sama memproses halaman.

Perbedaan HTML dan PHP pada Server

Banyak pemula bingung mengapa HTML bisa langsung dibuka, sedangkan PHP harus melalui XAMPP.

Berikut perbedaannya.

HTML	PHP
Langsung dibaca browser	Diproses oleh server terlebih dahulu
Tidak memerlukan Apache	Memerlukan Apache atau web server
Tidak dapat mengakses database	Dapat mengakses database
Bersifat statis	Bersifat dinamis

Memahami perbedaan ini akan membantu Anda menentukan kapan perlu menggunakan server.

Kesalahan yang Sering Terjadi Saat Menggunakan XAMPP

Beberapa masalah yang sering dialami pemula antara lain:

Apache Tidak Mau Berjalan

Biasanya karena port 80 digunakan aplikasi lain, seperti Skype atau IIS.

Salah Menyimpan File

Pastikan proyek berada di dalam folder htdocs.

Lupa Menyalakan Apache

Jika Apache belum aktif, alamat localhost tidak dapat diakses.

Salah Menulis URL

Misalnya:

http://localhost/projek

Pastikan nama folder sesuai dengan yang ada di dalam htdocs.

Tips Belajar Server Menggunakan XAMPP

Agar proses belajar lebih efektif, lakukan beberapa hal berikut:

• Pelajari HTML sebelum PHP.
• Kuasai dasar CSS dan JavaScript.
• Biasakan membaca pesan error.
• Gunakan nama folder proyek yang sederhana.
• Simpan semua proyek di dalam htdocs.
• Cobalah membuat proyek kecil seperti buku tamu atau daftar tugas.

Dengan latihan secara rutin, Anda akan lebih cepat memahami konsep server.

Langkah Selanjutnya Setelah Menguasai XAMPP

Setelah memahami cara kerja server menggunakan XAMPP, Anda dapat melanjutkan ke materi berikut:

• Dasar-Dasar PHP.
• MySQL atau MariaDB.
• CRUD.
• Session dan Cookie.
• REST API.
• Laravel.
• Deployment ke Hosting.

Materi tersebut akan membantu Anda membangun aplikasi web yang lebih kompleks.

Kesimpulan

Cara kerja server menggunakan XAMPP sebenarnya cukup sederhana. Browser mengirimkan permintaan ke Apache, kemudian PHP memproses kode yang diperlukan, mengambil data dari MariaDB jika diperlukan, lalu mengirimkan hasilnya kembali ke browser. Dengan memahami alur tersebut, Anda akan lebih mudah mengembangkan website dinamis dan memahami bagaimana aplikasi web bekerja di balik layar.

XAMPP menjadi pilihan yang sangat tepat bagi pemula karena menyediakan lingkungan server lokal yang lengkap, mudah digunakan, dan gratis. Setelah menguasainya, Anda akan lebih siap mempelajari PHP, database, CRUD, hingga framework backend seperti Laravel.