Cara Membuat Custom Domain Local Pada XAMPP Windows 10

Assalamu'alaikum .
Bismillah .

Pada tulisan kali ini saya akan mencoba untuk membagikan cara mengubah atau membuat custom domain pada xampp . jika sobat belum mempunyai xampp , sobat dapat mengunduhnya di laman resmi XAMPP

Sebelumnya apa itu custom domain ? dan apa kelebihannya ?

Custom domain adalah untuk menghubungkan domain Sobat ke website yang telah dibuat , hanya saja custom domain ini hanya bisa diakses oleh komputer yang berada di jaringan local saja dan tidak dapat diakses untuk seluruh dunia atau melalui jaringan internet , karena custom domain pada xampp ini bersifat local address .

Oke langsung saja ke langkahnya . mungkin sudah cukup basa basinya untuk meningkatkan seo semata heheu ..

Step Pertama

Sobat harus mengubah file hosts yang berada pada lokasi

C:\Windows\System32\drivers\etc

dan ubah file hosts file menggunakan Notepad++ atau Visual Studio Code , jangan lupa untuk menjalankan program pengubahnya dengan Mode Administrator . jika sobat belum mempunyai kedua file editor di atas , sobat dapat mengunduhnya di halaman resmi pada text Notepad++ atau Visual Studio Code di atas (akan di arahkan ke halaman download).

Jika sobat sudah dapat membukanya menggunakan salah dari satu program editor diatas , sobat tinggal tambahkan line berikut

127.0.0.1 mughu.local

mughu.local adalah nama custom domain yang sobat inginkan . bebas ya .. sesuai keinginan kita sob .

Untuk langkah selanjutnya yaitu . Edit file pada xampp yang berlokasi di :

C:\xampp\apache\conf\extra

Catatan : untuk C adalah drive (hard disk) dimana xampp sudah terinstall , misalkan sobat menginstalkan xampp pada drive D ataupun E , sobat harus mengubahnya menjadi D ataupun E .

Jika sobat sudah pada halaman extra seperti path diatas . Sobat buka saja file yang bernamakan httpd-vhosts.conf menggunakan editor yang sobatt punya , saya menggunakan editor diatas  yaitu notepad++ dan visual studio code . untuk edit file ini tidak memerlukan hak akses Administrator ya .

Oke next step atau langkah selanjutnya . Jika sobat sudah membuka file httpd-vhosts.conf sobat tinggal menyalin line dibawah ini .

<VirtualHost *:80>
    ServerAdmin [email protected]
    DocumentRoot "C:/xampp/htdocs/mughulocal"
    ServerName mughu.local
    ErrorLog "logs/mughu.local-error.log"
    CustomLog "logs/mughu.local-access.log" common
</VirtualHost>

Jangan lupa untuk mengubah direktori mughulocal dengan direktori aplikasi yang sobat punya ya , dan jangan lupa juga domain mughu.local nya dirubah

Oh ya , jika sobat tidak ingin localhost domain terhapus , sobat dapat menambahkan line berikut

<VirtualHost *:80>
    DocumentRoot "C:/XAMPP/htdocs/"
    ServerName localhost
</VirtualHost>

Sehingga sobat masih dapat mengakses localhost domain pada komputer sobat atau pada jaringan lokal .

Langkah terakhir yaitu . Jika sobat sudah menjalankan Aplikasi XAMPP Sebelumnya , yang sobat perlukan yaitu memuat ulang dengan cara Stop dan Start Apache dengan jeda 3 detik . Dan jika sobat belum menjalankan Aplikasi XAMPP Apache , sobat hanya perlu melakukan tombol start apache . Jika tidak ada error berarti sobat sudah berhasil menginstalkan atau mengubah custom domain pada xampp .

Silahkan mencobanya dengan mengunjungi custom local domain yang telah sobat buat dengan mengunjungi aplikasi web browser yang sobat punya . Jika berhasil sobat akan diarahkan ke halaman aplikasi yang sobat miliki dengan custom domain .

Terimakasih .
Semoga bermanfaat sob .
Wasalam .