Membuat Virtual Host di Ubuntu 14.04

Didik Tri Susanto
Teknomuslim
Published in
2 min readFeb 15, 2015

Bismillaahirrohmaanirrohiim

Kalau kita menggunakan apache sebagai web server di Ubuntu kita, secara default folder-folder project web kita berada di direktori /var/www/html dan untuk mengaksesnya kita tinggal panggil http://localhost/folder-project. Karena alasan kemudahan dalam pembagian direktori project, kita bisa membuat virtual host pada apache sehingga dapat memanggil project kita melalui browser dengan url http://myproject.dev misalnya.

Saya memiliki beberapa project yang sedang dikerjakan di workshop Ayowes.com. Agar lebih mudah saya akan membuat virtual host dengan nama ayowes.dev sehingga nanti cukup menggunakan url http://ayowes.dev.

Struktur Direktori

Virtual host membuat struktur direktori web kita lebih dinamis karena kita tidak bergantung lagi pada direktori /var/www/html. Buatlah folder web anda di direktori yang anda inginkan. Dalam contoh ini saya membuat folder ayowes.dev pada direktori project saya.

$ mkdir /home/didik/projects/ayowes.dev

Folder ayowes.dev tersebut yang akan kita jadikan sebagai root folder dari vhost kita nantinya.

Konfigurasi virtual host

Konfigurasi vhost dapat kita temui di folder /etc/apache2/sites-available. Jadi lebih mudahnya kita duplikasi saja file konfigurasi default 000-default.conf.

$ sudo cp /etc/apache2/sites-available/000-default.conf /etc/apache2/sites-available/ayowes.dev.conf

Buka file konfigurasi dengan text editor.

$ sudo gedit /etc/apache2/sites-available/ayowes.dev.conf

Edit beberapa bagian konfigurasi, menjadi:

ServerName ayowes.dev
ServerAlias www.ayowes.dev
DocumentRoot /home/didik/projects/ayowes.dev
<Directory /home/didik/project/ayowes.dev>
Options Indexes FollowSymLinks MultiViews
AllowOverride All
Order allow,deny
allow from all
Require all granted
</Directory>
ErrorLog ${APACHE_LOG_DIR}/ayowes.dev.error.log
CustomLog ${APACHE_LOG_DIR}/ayowes.dev.access.log combined

[caption id=”attachment_1832" align=”aligncenter” width=”577"]

konfigurasi /etc/apache2/sites-available/ayowes.dev.conf

konfigurasi /etc/apache2/sites-available/ayowes.dev.conf[/caption]

Save file konfigurasi. dan aktifkan virtual host yang telah dibuat dengan perintah berikut:

$ sudo a2ensite ayowes.dev.conf

Kemudian restart apache

$ sudo service apache2 reload

Menambahkan Hosts

Kita sudah menambahkan virtual host pada web server kita. Selanjutnya kita perlu memberitahukan kepada komputer kita agar request ayowes.dev diarahkan pada server localhost kita (karena virtual host ada di localhost).

$ sudo gedit /etc/hosts

tambahkan baris konfigurasi di bawah lalu save file:

127.0.0.1    ayowes.dev

Lihat virtual host ayowes.dev

Sebagai uji coba, saya telah membuat sebuah file index.php yang berisi output sederhana untuk menunjukkan bahwa virtual host yang saya buat sudah merujuk pada direktori yang benar. Dan ketika saya mengetikkan url http://ayowes.dev muncul output dari file index yang telah dibuat.

[caption id=”attachment_1831" align=”aligncenter” width=”328"]

virtual host ayowes.dev

virtual host ayowes.dev[/caption]

It’s work!

Penutup

Pembuatan virtual host ini dapat juga diterapkan di distro turunan Ubuntu seperti Linux Mint, dan keluarga ubuntu lainnya. Jika ada pertanyaan atau bahan diskusi terkait tulisan membuat Virtual Host di Ubuntu 14.04, bisa mengisi kolom komentar yang ada di bawah.

Semoga bermanfaat :)

--

--

Didik Tri Susanto
Teknomuslim

Proud to be Moslem | Introvert | Backend Engineer | Laravel Developer