Setup Virtual Host Dengan XAMPP di Ubuntu

0

Ditutorial kali ini kita akan mengubah nama localhost menjadi nama host secara virtual.

Dengan menggunakan virtual host di xampp akan berguna untuk menjalankan lebih dari satu website cukup dengan 1 perangkat komputer saja.Biasanya kalau dilocalhost kita menggunakan metode seperti berikut ini untuk membuka website yang berbeda.

  • localhost/website-1
  • localhost/website-2
  • localhost/website-3

Nah jika menggunakan virtual host akan menjadi seperti ini :

  • nama-website.com
  • projectbaru.id
  • contohweb.net

Virtual host berbasiskan dengan IP, jadi setiap website yang akan dibuat virtual hostnya akan berbeda IP addressnya atau bisa saja berbasiskan nama dan ini memungkinkan memiliki banyak nama host disetiap IP Addressnya.Berikut contoh penggunaannya dengan XAMPP yang biasa digunakan untuk simulasi pada waktu development dengan cara mengakses nama host untuk membuka project web yang ada.

Untuk membuat virtual host, berikut persiapan & langkah – langkahnya :

  1. Mengedit file vhosts.conf dan httpd.conf 
  2. Membuat custom domain di hosts file (/etc/hosts).
  3. Memulai pembuatan Virtual Host
  4. Start apache atau restart apache ( jika sudah distart saat melihat tutorial ini )
  5. Test virtual host

OK, mari kita bedah satu persatu.

1. Mengaktifkan penggunaan virtual host

Buka file httpd dengan perintah : sudo gedit /opt/lampp/etc/httpd.conf
Setelah itu ( di baris ke 487 ) anda akan melihat :
# Virtual hosts
#Include etc/extra/httpd-vhosts.conf

Hapus tanda pagar di depan include, dan akan menjadi :

# Virtual hosts
Include etc/extra/httpd-vhosts.conf

Ini diperlukan untuk mengaktifkan virtual host.Setelah itu, simpan file dan kita akan siap untuk melakukan custom virtual host.

2. Membuat custom domain di hosts file

Anda membutuhkan custom domain dalam pembuatan virtual host, jadi anda bisa mulai mengedit file hosts dengan perintah sudo gedit /etc/hosts

Anda akan melihat localhost sebagai contoh penamaan
127.0.0.1 localhost
anda bisa tambahkan dibawah baris tersebut dengan
127.0.0.7 namaProjectAnda

simpan file, dan anda sekarang sudah mengatur IP 127.0.0.7 mempunyai custom domain namaProjectAnda

3. Memulai pembuatan Virtual Host

Untuk memulai penambahan virtual host, ketikan perintah berikut ini sudo gedit /opt/lampp/etc/extra/httpd-vhosts.conf

<VirtualHost 127.0.0.5:80>
DocumentRoot “/opt/lampp/htdocs/nama-project”
DirectoryIndex index.php

<Directory “/opt/lampp/htdocs/nama-project”>
Options All
AllowOverride All
Require all granted
</Directory>
</VirtualHost>

4. Start Apache

Silahkan start lampp anda dengan

sudo /opt/lampp/lampp start
Atau restart jika sudah dinyalakan sebelumnya

sudo /opt/lampp/lampp restart

5. Test Virtual Host

Silahkan buka halaman website anda sesuai dengan nama host yang sudah dibuat sebelumnya.

Selamat mencoba..

LEAVE A REPLY