Localhost atau host space pada komputer local (komputer kita sendiri) sudah tidak bisa terlepaskan lagi bagi para designer web. Bahkan menjadi hal yang wajib, untuk menjalankan web project kita pada localhost, sebelum web project (dalam contoh ini menggunakan engine wordpress) kita upload ke remote host.
Yang menjadi masalah adalah ketika web kita jalankan di localhost (lengkap dengan link – link nya) berjalan normal, nggak ada yang error sama sekali. Tetapi setelah kita upload ke remote server justru setiap kita klik in-link (link pada web kita sendiri) malah error. Menjengkelkan bukan.
Kejadian seperti ini sebenernya sangat mudah mengatasinya. Ikuti langkah – langkahnya berikut ini:
- Pastikan anda sudah mempunyai self domain (bisa domain gratisan seperti .co.cc) dan self hosting (bisa host gratisan seperti di byethost.com). Disini kami contohkan dengan domain sanganam_ngetop.com
- Pastikan anda sudah menginstal XAMPP pada komputer anda. Silahkan ikuti panduan menginstall XAMPP dan Wordpres di
Install Wordpress pake Xampp di komputer pribadi - cari file httpd-vhosts.conf pada direktori anda menginstall XAMM (dalam contoh, kami asosiasikan XAMM di drive C) C:\XAMPP\apache\conf\httpd.conf.
- Bukalah file httpd-vhosts.conf tersebut menggunakan notepad atau text editor yang lain.
- Carilah kode berikut ini: # Virtual hosts
#Include conf/extra/httpd-vhosts.conf lalu editlah sehingga codenya menjadi # Virtual hosts
Include conf/extra/httpd-vhosts.conf (perhatikan kode # didepan Include conf/extra/httpd-vhosts.conf di hilangkan) - Selanjutnya, carilah file httpd-vhosts.conf pada C:\XAMPP\Apache\conf\extra\httpd-vhosts.conf
- Buka dan editlah file tersebut sehingga menjadi seperti ini:
Catatan: Yang berwarna merah adalah yang diedit
ServerAdmin webmaster@sanganam_ngetop.com
DocumentRoot c:/XAMPP/htdocs/wordpress (jika anda menginstall wordpress di root direktori, maka hilangkan kata2 wordpress – nya)
ServerName www.sanganam_ngetop.com
ServerAlias www.sanganam_ngetop.com
ErrorLog logs/wordpress-test-error_log (jika anda menginstall wordpress di root direktori, maka hilangkan kata2 wordpress-)
CustomLog logs/sanganam_ngetop-access_log common - Restart Apache dengan meng klik Xampp_control.exe , atau bisa juga dengan doble klik pada xampp_restart.exe
- Edit file host C:\WINDOWS\system32\drivers\etc\host
menjadi:
127.0.0.1 localhost
127.0.0.1 www.sanganam_ngetop.com
Langkah di atas adalah untuk membuat virtual host di lokal PC sehingga kita dapat memanggil website kita dengan real domain (disini di contohkan sanganam_ngetop.com), tanpa terhubung ke internet dengan perintah http://www.sanganam_ngetop.com secara langsung bukannya menggunakan http://localhost/sanganam_ngetop.com
Hal ini diperlukan agar link yang dibuat mengacu pada
alamat website (sanganam_ngetop.com) lokal kita, bukannya mengacu
pada C:\XAMPP\htdocs\. Sehingga gambar atau file yang
sudah di-upload ke website lokal kita akan muncul dengan benar di
browser. Dan juga untuk memastikan bahwa hasil kerja kita akan
tampil sempurna bila di-upload ke web server internet karena
umumnya web server internet menggunakan teknik Virtual Host
berbasis Hostname seperti yang kita lakukan di atas.
Jika Langkah2 ini sudah benar, maka dalam meng-edit localhost kita, sebaiknya putuskan koneksi internet anda, untuk mengantsipasi localhost kita diakses oleh orang luar.