Cara Mengatur Server Web Lokal (Windows, Mac, Linux)

Saat mengembangkan situs web, perancang web harus dapat melihat laman webnya dengan cara yang sama seperti yang dilihat oleh pengguna akhir. Terkadang cukup mengklik dan melihat file HTML Anda di browser web sudah cukup, tetapi jika Anda ingin menguji konten dinamis, Anda perlu menyiapkan server web lokal. Melakukannya cukup sederhana dan dapat dengan mudah dilakukan di Windows, Mac, dan Linux. Ada banyak jenis server web yang tersedia, tetapi kami akan menggunakan Apache karena ini adalah server yang paling umum, sangat mudah diatur, dan kompatibel dengan semua sistem operasi utama.

Siapkan server web lokal di Linux

Apache dirancang untuk sistem operasi mirip Unix. Linux termasuk dalam kategori ini, dan instalasi serta konfigurasi server web Apache dapat dilakukan dalam satu langkah.

Untuk panduan grafis, Anda dapat mengikuti tutorial ini. Di sini kita akan berurusan dengan baris perintah.

ubuntu-search-terminal

Distribusi paling populer memungkinkan Anda menginstal Apache tanpa mengkompilasinya dari sumber menggunakan satu perintah sederhana.

Untuk distro berbasis Debian, Ubuntu, dan Ubuntu:

Untuk Red Hat dan CentOS

Setelah terinstal, di browser web Anda, navigasikan ke “127.0.0.1” atau “localhost.” Jika itu menampilkan “It Works!” itu berarti instalasi Apache Anda berhasil.

ubuntu-firefox-localhost-apache2-it-works

Untuk lebih memahami bagaimana Apache melayani halaman web khusus ini, mari kita edit. Untuk melakukan ini, navigasikan ke direktori web root mesin lokal Linux Anda.

Buka “index.html” sebagai root dengan editor teks favorit Anda.

ubuntu-nano-open-index.html

Ubah “Berhasil!” menjadi “Hello World!” lalu tekan “Ctrl + O” lalu Enter untuk menyimpan.

Sekarang segarkan halaman web di 127.0.0.1. Ini harus berubah menjadi “Hello World!”

ubuntu-firefox-localhost-apache2-hello-world

Sekarang setelah Anda menyiapkan server web sederhana, Anda dapat bermain-main dengan pengaturan konfigurasi di “apache2.conf.”

Catatan: Sadarilah bahwa setiap kali Anda membuat perubahan konfigurasi, Anda perlu memulai ulang Apache agar dapat diterapkan.

Jika ini tidak berhasil, Anda dapat memulai ulang dengan langsung menjalankan file upstart.

Hal yang baik tentang Mac OS X adalah Apache diinstal secara default. Yang perlu Anda lakukan hanyalah menyalakannya.

Di Finder, buka “Applications -> Utilities”.

mac-finder-navigation-utilities

Kemudian klik dua kali pada Terminal untuk membukanya.

mac-finder-open-terminal

Untuk mengaktifkan server web Apache yang sudah diinstal sebelumnya, jalankan perintah berikut:

Untuk menguji apakah server web kami berjalan, navigasikan ke “127.0.0.1” atau “localhost” di browser web Anda.

mac-chrome-localhost-apache2-it-works

Kita dapat mengubah konten halaman web hanya dengan menavigasi ke root dokumen seperti yang kita lakukan di Linux. Satu-satunya hal yang berbeda adalah lokasi jalan setapak.

Sekarang edit file “index.html.en” menggunakan editor teks favorit Anda. Ubah “Berhasil!” menjadi “Hello World!”

mac-nano-open-index.html

Jika kita menyegarkan halaman web kita yang dihosting di 127.0.0.1, sekarang kita akan melihat perubahannya diterapkan.

mac-chrome-localhost-apache2-hello-world

Untuk mengkonfigurasi lebih lanjut server web Apache di bawah MacOS, navigasikan ke file “httpd.conf”.

Seperti Linux, Anda dapat dengan mudah memulai ulang layanan Apache menggunakan apachectl perintah dengan hak akses root.

Catatan: Anda dapat melihat tutorial ini untuk menginstal paket MAMP lengkap.

Siapkan server web lokal di Windows

Tidak seperti Linux dan Mac OS X, Windows tidak berbasis Unix, jadi tidak ada satu liner untuk menginstalnya. Untungnya ada beberapa wizard penginstalan yang menggabungkan hal-hal seperti Apache, MySQL, dan PHP untuk membuat hidup kita lebih mudah. Salah satunya adalah XAMPP.

Catatan: XAMPP tersedia untuk Linux dan Mac OS X juga.

Unduh XAMPP versi Windows dan mulai penginstalan. Jalankan penginstal saat diminta. Anda hanya dapat memilih Apache jika yang Anda butuhkan hanyalah server web. Namun jika Anda berencana menggunakan database, Anda mungkin ingin memilih MySQL juga.

windows-xampp-installer

Lanjutkan instalasi dan klik “Selesai” setelah selesai. Secara default, panel kontrol XAMPP akan diluncurkan.

windows-xampp-config-panel

Klik “Start” untuk Apache dan MySQL jika perlu.

Jika Anda menavigasi ke “127.0.0.1” atau “localhost” di browser web Anda, Anda akan melihat halaman konfigurasi XAMPP.

windows-xampp-webpage-configuration

Untuk membuat halaman web baru, prosedurnya sama. Buka notepad dan buat file HTML contoh. Beri nama “hello.html”.

windows-notepad-hello.html

Simpan di root dokumen yang terletak di c:xampphtdocs.

windows-notepad-save-hello.html

Sekarang navigasikan ke sana menggunakan browser web Anda dengan membuka “127.0.0.1/hello.html”.

windows-xampp-webpage-hello.html

Kesimpulan

Apache adalah solusi yang sangat baik untuk membangun situs web yang sederhana dan kompleks, tetapi itu bukan satu-satunya pilihan. Sementara Apache terintegrasi dengan baik di ketiga platform, Anda mungkin ingin melihat IIS sebagai opsi untuk Windows karena mendukung banyak fitur otentikasi Windows yang tidak dimiliki Apache. Namun, untuk sekadar menguji fungsionalitas dasar situs web, Apache sangat cocok.

Jamin Becker

Jamin Becker adalah seorang mahasiswa Ilmu Komputer dengan minat yang sangat beragam di bidangnya. Dia memiliki latar belakang dalam administrasi sistem dan keamanan komputer, dan memiliki pengalaman dengan berbagai bahasa pemrograman. Dia adalah pengguna Linux yang rajin dan melakukan sebagian besar pengembangannya di platform ArchLinux. Dia juga memiliki pengalaman bekerja di lingkungan domain Windows, dan dia sangat akrab dengan Windows Server 2008/2012. Di waktu luangnya, dia menikmati mengerjakan proyek pemrograman seputar pengembangan algoritma.

Apakah artikel ini bermanfaat?