How to fix Domain name instead of localhost in xampp

Bagaimana caranya agar XAMPP di Windows dapat memaksimalkan virtual host atau istilah lainnya yaitu membuat domain name (nama domain) sendiri dalam localhost atau komputer pribadi 127.0.0.1

Setidaknya ada beberapa tahap agar semuanya bisa dilakukan, riset ini dilakukan pada XAMPP Control panel V.3.2.4 dengan PHP versi 7.4.5 dan lokasi xampp berada dalam drive F:\xampp7

Awali dengan bismillah, keadaan localhost tidak tergantikan, hanya saja menambahkan fitur virtual host.

 Matikan atau stop terlebih dahulu Apache

 Masuk ke dalam F:\xampp7\apache\conf\extra pilih httpd-vhosts.conf dan ubah dengan sedikit penambahan atau uncomment

NameVirtualHost *:80

<VirtualHost *:80>
    ServerAdmin admin@webiot.wid
    DocumentRoot "F:/xampp7/htdocs"
    ServerName webiot.wid
    ServerAlias www.webiot.wid
    ErrorLog "logs/webiot.wid-error.log"
    CustomLog "logs/webiot.wid-access.log" common
    <Directory "F:\xampp7\htdocs">
        Options Indexes FollowSymLinks Includes ExecCGI
        Order allow,deny
         Allow from all
    </Directory>
</VirtualHost>

tambahkan atau edit juga pada httpd-ssl.conf bisa dibuka dari folder tadi atau menggunakan xampp pada Config baris Apache. Cari pada bagian virtualHost dan ubah pada servername dan serveradmin

<VirtualHost _default_:443>

#   General setup for the virtual host
DocumentRoot "F:/xampp7/htdocs"
ServerName webiot.wid:443
ServerAdmin admin@webiot.wid
ErrorLog "F:/xampp7/apache/logs/error.log"
TransferLog "F:/xampp7/apache/logs/access.log"

Untuk melengkapi konfigurasi maka butuh pengaturan dan penambahan file Hosts yang berada pada C:\Windows\System32\drivers\etc . Dikarenakan file Hosts.file ini tidak bisa di-edit atau diubah sembarangan maka butuh cara aturan administrator yaitu dengan cara masuk dan edit melalui CMD administrator dengan mencari cmd dan klik kanan Run as Administrator.
Selanjutnya masukkan nama domain pada kode berikut:

echo 127.0.0.1 webiot.wid >> %WINDIR%\System32\Drivers\Etc\Hosts

Lihat kembali file Hosts sudah bertambah dan Start kembali Apache dan hasilnya bisa tampil nama domain yang telah di-custom.

Using Domain name instead of localhost in with https in xampp
How to edit hosts file via CMD
NameVirtualHost has no effect and will be removed in the next release
Shell xampp: httpd.exe -t
AH00548: NameVirtualHost has no effect and will be removed in the next release /usr/local/apache/conf/httpd.conf:20
Syntax: OK
using domain name in localhost