Tulis Artikel! Bantu kami dengan cara tulis artikel. Jadi penulis Disini.

Cara Membuat Nama Domain Localhost dan HTDOCS Website Offline

Cara Membuat Nama Domain Localhost dan HTDOCS Website Offline – Pada artikel kali ini saya akan membahas cara untuk mengubah alamat url localhost dan htdocs agar menjadi nama domain. Untuk melakukan tutorial ini anda harus sudah mengintall XAMPP karena tutorial kali ini akan menggunakan XAMPP.

Setelah pada artikel sebelumnya sudah dibahas bagaimana cara menginstall wordpress offline di computer maka tutorial kali ini adalah cara merubah nama url tersebut menjadi nama domain. Hal ini biasanya dilakukan oleh para developer web untuk mempermudah membuat website secara offline sebelum mengupload website tersebut ke server online.

Kenapa website offline perlu diberi nama domain? Alasan utamanya yaitu untuk mempermudah pengeditan agar tampilan website sama saat offline dan online nanti. Contoh mudahnya jika website yang dibuat tidak diubah urlnya menjadi nama domain maka saat dijadikan online akan ada beberapa file gambar yang tidak ke load karena kesalahan url. Contoh jika anda membuat widget di wordpress untuk menampilkan gambar dengan url:

http://localhost/wordpress/ wp-content/uploads/2017/04/1.jpg

maka saat online anda harus menggubahnya secara manual menjadi

http://www.namadomain.com/wp-content/uploads/2017/04/1.jpg

Nah, untuk mencegah kerja dua kali maka ada baiknya saat membuat website secara offline sudah diberi nama domain. Lalu bagaimana cara membuatnya? Berikut ini adalah langkah-langkah pembuatannya.

Mengubah Lokasi Folder HTDOCS di XAMPP

Langkah pertama yaitu dengan menggubah lokasi folder HTDOCS di XAMPP agar mengarah ke folder website yang ingin diberi nama domain. Berikut ini caranya:

  1. Edit file httpd-vhosts.conf yang terdapat di C:xamppapacheconfextra menggunakan notepad atau gunakan notepad ++ agar lebih mudah.
  2. Pada baris atau line ke 20 ubah tulisan.
    #NameVirtualHost *:80 menjadi NameVirtualHost *:80
  3. Tambahkan kode berikut dibagian paling bawah.<VirtualHost *:80>
    ServerAdmin webmaster@localhost
    DocumentRoot “C:/xampp/htdocs/namafolderwebsite”
    ServerName testproject<Directory “C:/xampp/htdocs/namafolderwebsite”>
    Options Indexes FollowSymLinks Includes ExecCGI
    AllowOverride All
    Order allow,deny
    Allow from all
    </Directory>
    </VirtualHost> edit file vhost
  4. Setelah itu simpan file tersebut.

Untuk DocumentRoot dan Directory dapat dibuah sesuai dengan lokasi folder website berada.

Menambahkan Nama Domain pada File Host

Langkah selanjutnya yaitu mengedit file Host computer. Untuk mengeditnya berikut ini langkah-langkahnya.

  1. Buka file Host yang terletak di C:WindowsSystem32driversetc dengan menggunakan notepad (run as administrator) atau notepad++ (run as administrator).
    Tambahkan baris berikut ini kedalam file Host lalu simpan.
    127.0.0.1 namadomain.com
    127.0.0.1 www.namadomain.com 
    Ganti tulisan namadomain.com dan www.namadomain.com sesuai nama domain yang di inginkan.
    Selesai. Sekarang website anda sudah dapat dibuka dengan menggunakan nama domain secara offline.
  2. Klik save untuk menyimpan.
  3. Restart Apache dan Mysql. Lalu coba buka url domain tersebut di browser maka alamatnya sudah berubah.
  4. Selesai.
Cara Membuat Nama Domain Localhost dan HTDOCS Website Offline
5 (100%) 21 votes

Pin It on Pinterest

Share This