Cara Mengatur Local Web Server di Windows, Mac dan Linux

 

Saat mengembangkan website, web designer harus dapat melihat laman webnya dengan cara yang sama seperti yang dilakukan 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 local web server atau server web lokal. Melakukannya cukup sederhana dan dapat dengan mudah dilakukan di Windows, macOS dan Linux. Ada banyak jenis server web yang tersedia, tetapi saya menggunakan Apache dalam tutorial ini, karena ini adalah server yang paling umum, sangat mudah diatur, dan kompatibel dengan semua system operasi utama.

1. Siapkan Local Web Server di Linux

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

Disini kita berurusan dengan command line. Distribusi paling populer memungkinkan anda menginstal Apache tanpa mengkompilasinya dari sumber menggunakan satu perintah sederhana.

Untuk distro Debian, Ubuntu dan Ubuntu-based gunakan perintah dibawah ini.

sudo apt install apache2

Sementara untuk Red Hat dan CentOS gunakan perintah dibawah ini.

sudo dnf install httpd

Setelah terinstal, navigasikan di browser web anda ke "127.0.0.1" atau "localhost." Jika itu menampilkan "It Works!" maka itu berarti instalasi Apache anda berhasil.

Untuk lebih memahami bagaimana Apache menyajikan halaman web khusus ini, mari kita edit. Untuk melakukan ini, navigasikan ke direktori web root Linux local machine anda.

cd /var/www/html

Buka "index.html" sebagai root dengan editor teks favorit anda.

Telusuri "It Works!" dan ubah teks menjadi sesuatu yang acak seperti "Mastertipsorialindo!" (Bisa jadi apa saja.) Pastikan untuk menyimpan file.

Sekarang segarkan halaman web di 127.0.0.1. Anda akan melihat "Mastertipsorialindo!" dimana "It Works!" sebelumnya.

Sekarang anda telah menyiapkan server web sederhana, anda dapat bermain dengan pengaturan konfigurasi di "apache2.conf."

sudo nano /etc/apache2/apache2.conf

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

sudo systemctl apache2 restart

Jika ini tidak berhasil, anda dapat merestart dengan langsung menjalankan file upstart.

sudo /etc/init.d/apache2 restart

2. Siapkan Local Web Server di MacOS

Hal yang baik tentang MacOS adalah Apache diinstal secara default. Yang perlu anda lakukan hanyalah menyalakannya.

Di Finder, buka Applications - Utilities, kemudian klik dobel pada Terminal untuk membukanya.

Untuk mengaktifkan web server Apache yang sudah diinstal sebelumnya, jalankan perintah berikut dibawah ini.

sudo apachectl start

Untuk menguji apakah web server kita berjalan, navigasikan ke "127.0.0.1" atau "localhost" di browser web anda.

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 path.

cd /Library/WebServer/Documents/

Sekarang edit file "index.html.en" menggunakan text editor favorit anda. Ubah "It works!" menjadi “Hello World!”

sudo nano index.html.en

Jika kita merefresh halaman web kita yang dihosting di 127.0.0.1, maka sekarang kita melihat perubahannya diterapkan.

Untuk mengkonfigurasi lebih lanjut web server Apache di bawah macOS, navigasikan ke file "httpd.conf."

sudo nano /etc/apache2/httpd.conf

Seperti Linux, anda dapat dengan mudah merestart layanan Apache menggunakan perintah apachectl dengan hak akses root.

sudo apachectl restart

3. Siapkan Local Web Server di Windows

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

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

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

Lanjutkan instalasi dan klik "Finish" setelah selesai. Secara default, control panel XAMPP akan diluncurkan.

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.

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

Simpan di root dokumen yang terletak di “c:\xampp\htdocs\”.

Arahkan ke sana menggunakan browser web anda dengan membuka 127.0.0.1/hello.html. Anda akan dapat melihat halaman web yang anda buat.

Catatan: WampServer adalah opsi solid lainnya untuk menginstal Apache di Windows.

Apache adalah solusi yang sangat baik untuk membangun website 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 website, Apache sangat cocok.

Sekian artikel kali ini, semoga membantu anda. Anda juga dapat membaca artikel saya lainnya tentang cara install dan menjalankan server Nginx di Windows 10 atau cara memperbaiki error DNS Server Not Responding pada Windows.

Jangan lupa tinggalkan komentar anda dibawah ini untuk berbagi pengalaman dalam mengikuti tutorial ini. Terimakasih dan GBU. BERSATU LAWAN COVID-19!!