Cara Setup Virtual Host Xampp di Ubuntu 18.04

بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ

Temen-temen pasti tau kan XAMPP.
Yaps…. Itu adalah tool yang banyak sekali digunakan untuk belajar pemrograman web PHP MYSQL. Ketika teman-teman membuat web menggunakan XAMPP pasti cara untuk mengaksesnya seperti ini http://localhost/nama-project. Mudah sekali bukan….

Agak merepotkan menurutku ketika dalam proses developmment project kemudian deploy ke share hosting atau VPS, kita harus menyesuaikan BASE URL, dan bayangkan itu dilakukan berulang-ulang. Nah XAMPP mempunyai fitur virtual host yang memudahkan kita dalam hal menejemen BASE URL, jadi kita langsung mengisikan nama domain yang sebernarnya, ketika proses deploy atau upload ke hosting kita tidak perlu repot-repot ganti BASE URL atau domain, apalagi kalau wordpress… hadehhh harus ngubah di DB juga. Sangat merepotkan dan buang-buang waktu

Dengan virtual host dari XAMPP kita bisa langsung mengakses domain utama dalam proses development. caranya :

  1. Aktifkan modul http-vhosts.conf
    sudo vim /opt/lampp/etc/httpd.conf
    langsung loncat ke baris 487 kita akan menemukan baris seperti ini

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

    kemudian hapus tanda pagar jadinya seperti ini

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

    lalu simpan, tekan esc lalu :wq

  2. Tambahkan custom domain di /etc/hosts
    edit dengan command sudo vim /ect/hosts, kemudian tambahkan ip lokal dan domainnya seperti pada baris ke 2.

    127.0.0.1   localhost
    127.0.0.1   myawesomeproject.com
    
    #don't touch other existent values
    # The following lines are desirable for IPv6 capable hosts
    ::1     ip6-localhost ip6-loopback
    fe00::0 ip6-localnet
    ff00::0 ip6-mcastprefix
    ff02::1 ip6-allnodes
    ff02::2 ip6-allrouters

    lalu simpan, tekan esc lalu :wq

  3. Buat Virtual Host Biasanya file httpd-vhosts.conf berada di /opt/lampp/etc/extra, gunakan editor favoritmu untuk mengubah file ini.

    sudo vim /opt/lampp/etc/extra/httpd-vhosts.conf

    lalu tambakan baris konfig berikut ke dalam file httpd-vhosts.conf

    <VirtualHost 127.0.0.1:80>
      DocumentRoot "/opt/lampp/htdocs/my-first-project.com"
      DirectoryIndex index.php
    
      <Directory "/opt/lampp/htdocs/my-first-project.com">
        Options All
        AllowOverride All
        Require all granted
      </Directory>
    </VirtualHost>

    jangan lupa simpan dengan menekan tombol esc lalu :wq

  4. Tes Virtual Hosts apakah berjalan lancar jalankan server XAMPP, kemudian buat file di /opt/lampp/htdocs/my-first-project.com

    vim /opt/lampp/htdocs/my-first-project.com/index.php

    isinya

    <?php
      echo "Hello world!";
    ?>
    

    restart server XAMPP

    sudo /opt/lampp/lampp start

Kemudian buka browser dan test dengan domainnya yang telah dibuat tadi.


15 Januari 2019
01:13 WIB
Dengan mata ngantuk 😴
Yogyakarta

comments powered by Disqus