Artikel ini merupakan tulisan lanjutan dari artikel sebelumnya.
Dalam tulisan ini, kita akan konsentrasikan bagaimana cara membuat Name Based Virtual Host.
Dari artikel sebelumnya, beberapa VirtualHost yang akan kita buat adalah:
1. sisfokol.smkn1panongan.sch.id
2. album.smkn1panongan.sch.id
3. belajaronline.smkn1panongan.sch.id
4. ujianonline.smkn1panongan.sch.id
5. focus.smkn1panongan.sch.id
6. inputsoal.smkn1panongan.sch.id
7. ikc.smkn1panongan.sch.id

Pra Konfigurasi
===============
Konfigurasi name-based virtual host lebih sederhana, yang kita perlukan hanyalah melakukan konfigurasi DNS server agar melakukan mapping (pencocokkan) suatu hostname dengan IP Address kemudian melakukan konfigurasi pada Apache HTTP Server untuk mampu mengenali hostname yang berbeda tersebut.

Langkah konfigurasi name-based Virtual Host
===========================================
Langkah konfigurasi virtual host sebetulnya terdiri dari dua langkah sederhana:
1. Untuk menggunakan virtual host, kita harus menentukan alamat IP (bahkan port) pada server yang akan menerima permintaan nama-nama tersebut. Konfigurasi ini dilakukan menggunakan NameVirtualHost direktif. Dalam kondisi normal, permintaan ini bisa terima oleh semua IP dari server tersebut.
2. Langkah berikutnya adalah membuat sebuah blok <VirtualHost> untuk setiap hostname yang ada.
Pembuatan blok <VirtualHost> tersebut mengikuti aturan main berikut. Perhatikan contoh

Contoh:
NameVirtualHost *

<VirtualHost *>
ServerName album.smkn1panongan.sch.id
DocumentRoot /opt/lampp/htdocs/gallery/
</VirtualHost>

Keterangan:
—————
NameVirtualHost *
Berarti server mendengarkan permintaan name-based virtual host dari semua IP Address yang ada
<VirtualHost *>
Blok virtual host yang akan kita buat
ServerName album.smkn1panongan.sch.id
Adalah virtual hostname yang akan kita buat
DocumentRoot /opt/lampp/htdocs/album/
Adalah lokasi yang akan dicari oleh web server ketika ada request terhadap album.smkn1panongan.sch.id

Notes
=====
Konfigurasi yang kita lakukan pada tutorial ini mengikuti kondisi berikut:
1. IP Address server 10.10.10.2
2. paket web server yang diinstall adalah xampp
3. direktri utama xampp terletak di /opt/lampp/
4. konfigurasi utama apache xampp adalah /opt/lampp/etc/httpd.conf
5. konfigurasi utama virtual host apache xampp /opt/lampp/etc/extra/httpd-vhosts.conf

Untuk mengikuti panduan ini, mudahnya ikuti langkah berikut
===========================================================
1.backup file konfigurasi utama apache
$ sudo cp /opt/lampp/etc/httpd.conf /opt/lampp/etc/httpd.conf.backup
2.Pastikan bila opsi virtual host telah diaktifkan.
$ sudo gedit /opt/lampp/etc/httpd.conf
tekan ctrl+f, masukkan kata “virtual hosts” (tanpa tanda kutip)
maka akan menuju kalimat berikut
# Virtual hosts
#Include etc/extra/httpd-vhosts.conf
buang tanda pagar pada bagian Include etc/extra/httpd-vhosts.conf
sehingga menjadi
# Virtual hosts
Include etc/extra/httpd-vhosts.conf
Simpan perubahan tersebut dengan menekan tombol ctrl+s
3.backup file virtual hosts
$ sudo cp /opt/lampp/etc/extra/httpd-vhosts.conf /opt/lampp/etc/extra/httpd-vhosts.conf.backup
4.edit file virtual host tersebut
$ sudo gedit /opt/lampp/etc/extra/httpd-vhosts.conf
masukkan beberapa script dibawah ini untuk mengelola virtual host yang akan kita buat
#—————————————————-#
# 1. virtual host untuk sisfokol.smkn1panongan.sch.id
<VirtualHost *:80>
ServerAdmin papi.nazwa@gmail.com
DocumentRoot /opt/lampp/htdocs/sissmk/
ServerName sisfokol.smkn1panongan.sch.ida
ServerAlias sisfokol.smkn1panongan.sch.id
</VirtualHost>

# 2. virtual host untuk album.smkn1panongan.sch.id
<VirtualHost *:80>
ServerAdmin papi.nazwa@gmail.com
DocumentRoot /opt/lampp/htdocs/album/
ServerName album.smkn1panongan.sch.id
ServerAlias album.smkn1panongan.sch.id
</VirtualHost>

# 3. virtual host untuk belajaronline.smkn1panongan.sch.id
<VirtualHost *:80>
ServerAdmin papi.nazwa@gmail.com
DocumentRoot /opt/lampp/htdocs/dokeos/
ServerName belajaronline.smkn1panongan.sch.id
ServerAlias belajaronline.smkn1panongan.sch.id
</VirtualHost>

# 4. virtual host untuk ujianonline.smkn1panongan.sch.id
<VirtualHost *:80>
ServerAdmin papi.nazwa@gmail.com
DocumentRoot /opt/lampp/htdocs/ujian/online/
ServerName ujianonline.smkn1panongan.sch.id
ServerAlias ujianonline.smkn1panongan.sch.id
</VirtualHost>

# 5. virtual host untuk focus.smkn1panongan.sch.id
<VirtualHost *:80>
ServerAdmin papi.nazwa@gmail.com
DocumentRoot /opt/lampp/htdocs/focus/
ServerName focus.smkn1panongan.sch.id
ServerAlias focus.smkn1panongan.sch.id
</VirtualHost>

# 6. virtual host untuk inputsoal.smkn1panongan.sch.id
<VirtualHost *:80>
ServerAdmin papi.nazwa@gmail.com
DocumentRoot /opt/lampp/htdocs/ujian/
ServerName inputsoal.smkn1panongan.sch.id
ServerAlias inputsoal.smkn1panongan.sch.id
</VirtualHost>

# 7. virtual host untuk ikc.smkn1panongan.sch.id
<VirtualHost *:80>
ServerAdmin webmaster@ikc.localhost
DocumentRoot /opt/lampp/htdocs
ServerName ikc.smkn1panongan.sch.id
ServerAlias ikc.smkn1panongan.sch.id
</VirtualHost>
#—————————————————#

5. restart setiap service
$ sudo /etc/init.d/bin9 restart
$ sudo /opt/lampp/lampp restart

Pengujian
=========
Untuk melakukan pengujian terhadap keberhasilan konfigurasi virtual host tersebut, yang kita butuhkan adalah sebuah browser. buka browser kemudian ketikkan pada address bar alamat-alamat berikut
1. http://sisfokol.smkn1panongan.sch.id
2. http://album.smkn1panongan.sch.id
3. http://belajaronline.smkn1panongan.sch.id
4. http://ujianonline.smkn1panongan.sch.id
5. http://focus.smkn1panongan.sch.id
6. http://inputsoal.smkn1panongan.sch.id
7. http://ikc.smkn1panongan.sch.id

Bila semua halaman sudah muncul dan bersesuaian, maka proses pembuatan DNS Server dan Virtual Host kita telah berhasil.

Beberapa capture hasil virtual hosting: