{"id":41666,"date":"2024-11-15T13:08:59","date_gmt":"2024-11-15T06:08:59","guid":{"rendered":"\/tutorial\/?p=41666"},"modified":"2024-12-24T11:58:25","modified_gmt":"2024-12-24T04:58:25","slug":"mengganti-localhost-dengan-nama-domain","status":"publish","type":"post","link":"\/id\/tutorial\/mengganti-localhost-dengan-nama-domain","title":{"rendered":"Cara mengganti localhost dengan nama domain sendiri (4 langkah mudah)"},"content":{"rendered":"<p>Mengakses server lokal melalui localhost mungkin sudah menjadi kebiasaan Anda saat bekerja menggunakan XAMPP. Namun, tahukah Anda bahwa alamat ini bisa diubah menjadi nama domain sendiri?<\/p><p>Dengan mengonfigurasi <a href=\"\/id\/tutorial\/apa-itu-localhost\">server lokal<\/a>, nama domain seperti <strong>domainsaya.com<\/strong> bisa digunakan untuk mengakses proyek web Anda. Langkah ini membantu Anda bekerja lebih efisien, karena setiap proyek bisa menggunakan nama domain sendiri.<\/p><p>Di artikel ini, kami akan menjelaskan cara mengganti localhost dengan domain Anda sendiri. Yuk, simak dan ikuti panduan selengkapnya di bawah ini!<\/p><h2 class=\"wp-block-heading\" id=\"h-cara-mengganti-localhost-dengan-domain-sendiri\">Cara mengganti localhost dengan domain sendiri<\/h2><p>Di bagian ini, kami akan menjelaskan cara mengubah localhost menjadi nama domain kustom, yang bisa Anda lakukan dalam 4 langkah. Berikut panduannya:<\/p><h3 class=\"wp-block-heading\" id=\"h-1-edit-file-hosts\">1. Edit file hosts<\/h3><p>Pertama, Anda perlu mengedit file <a href=\"https:\/\/support.microsoft.com\/id-id\/topic\/cara-mengeset-ulang-berkas-tuan-rumah-kembali-ke-asali-c2a43f9d-e176-c6f3-e4ef-3500277a6dae\" target=\"_blank\" rel=\"noopener\">hosts<\/a> di komputer Anda terlebih dahulu. Ikuti langkah-langkahnya di bawah ini:<\/p><ol class=\"wp-block-list\">\n<li>Buka direktori <strong>C:\\Windows\\System32\\drivers\\etc<\/strong> seperti pada gambar di bawah ini:<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ded9e21c3f4\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"797\" height=\"292\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-file-hosts-windows.jpg\/public\" alt=\"tampilan mengakses folder etc di windows\" class=\"wp-image-42389\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-file-hosts-windows.jpg\/w=797,fit=scale-down 797w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-file-hosts-windows.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-file-hosts-windows.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-file-hosts-windows.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 797px) 100vw, 797px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\">\n<li>Temukan file <strong>hosts<\/strong>, lalu klik kanan &rarr; <strong>Open with<\/strong> &rarr; <strong>Notepad<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ded9e21d074\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"727\" height=\"332\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/membuka-file-hosts-notepad.jpg\/public\" alt=\"tampilan membuka file hosts menggunakan notepad di windows\" class=\"wp-image-42391\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/membuka-file-hosts-notepad.jpg\/w=727,fit=scale-down 727w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/membuka-file-hosts-notepad.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/membuka-file-hosts-notepad.jpg\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 727px) 100vw, 727px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Di Notepad, scroll sampai baris kode paling bawah, lalu tambahkan skrip berikut:<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">127.0.0.1     domainsaya.com<\/pre><ol start=\"4\" class=\"wp-block-list\">\n<li>Pastikan penempatan nama domain sudah sejajar dengan skrip di atasnya. Jangan lupa, ganti <strong>domainsaya.com<\/strong> dengan domain Anda sebenarnya.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ded9e21dc2c\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"592\" height=\"115\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/skrip-file-hosts.jpg\/public\" alt=\"tampilan mengedit file hosts untuk mengganti localhost dengan nama domain\" class=\"wp-image-42392\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/skrip-file-hosts.jpg\/w=592,fit=scale-down 592w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/skrip-file-hosts.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/skrip-file-hosts.jpg\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 592px) 100vw, 592px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>Klik <strong>File<\/strong> &rarr; <strong>Save<\/strong> untuk menyimpan file <strong>hosts<\/strong> yang sudah diedit.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-2-edit-file-httpd-vhosts-conf\">2. Edit file httpd-vhosts.conf<\/h3><p>Berikutnya, Anda perlu mengedit file <strong>httpd-vhosts.conf<\/strong>. Ini langkah-langkahnya:<\/p><ol class=\"wp-block-list\">\n<li>Buka direktori <strong>C:\\xampp\\apache\\conf\\extra\\httpd-vhosts.conf<\/strong> seperti pada gambar di bawah ini:<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ded9e21e8c5\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"795\" height=\"591\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-folder-extra.jpg\/public\" alt=\"tampilan mengakses folder extra di windows\" class=\"wp-image-42393\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-folder-extra.jpg\/w=795,fit=scale-down 795w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-folder-extra.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-folder-extra.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-folder-extra.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 795px) 100vw, 795px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\">\n<li>Temukan file <strong>httpd-vhosts.conf<\/strong>, lalu klik kanan &rarr; <strong>Open with<\/strong> &rarr; <strong>Notepad<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ded9e21f3c6\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"732\" height=\"561\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/file-httpd-vhosts-conf.jpg\/public\" alt=\"tampilan proses membuka file httpd-vhosts.conf di notepad\" class=\"wp-image-42394\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/file-httpd-vhosts-conf.jpg\/w=732,fit=scale-down 732w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/file-httpd-vhosts-conf.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/file-httpd-vhosts-conf.jpg\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 732px) 100vw, 732px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Scroll ke baris kode yang paling bawah, lalu tambahkan skrip berikut:<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;VirtualHost *:80&gt;\nServerAdmin admin@domainsaya.com\nDocumentRoot \"C:\\xampp\\htdocs\\domainsaya\"\nServerName domainsaya.com\nServerAlias domainsaya.com\nErrorLog logs\/domainsaya.com.log\nCustomLog logs\/domainsaya.com.log combined\n&lt;Directory \"C:\\xampp\\htdocs\\domainsaya\"&gt;\n    Options Indexes FollowSymLinks Includes ExecCGI\n    AllowOverride All\n    Order allow,deny\n    Allow from all\n  \n    Require all granted\n&lt;\/Directory&gt;\n&lt;\/VirtualHost&gt;<\/pre><ol start=\"4\" class=\"wp-block-list\">\n<li>Sesuaikan bagian yang ada dalam kotak merah dengan nama domain Anda sendiri:<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ded9e21ff63\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"550\" height=\"384\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/isi-file-httpd-vhosts-conf.png\/public\" alt=\"tampilan isi file httpd-vhosts.conf dengan bagian yang disorot untuk mengganti localhost dengan domain sendiri\" class=\"wp-image-42395\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/isi-file-httpd-vhosts-conf.png\/w=550,fit=scale-down 550w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/isi-file-httpd-vhosts-conf.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/isi-file-httpd-vhosts-conf.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>Simpan file dengan mengklik <strong>File<\/strong> &rarr; <strong>Save<\/strong>.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-3-mulai-apache-di-xampp\">3. Mulai Apache di XAMPP<\/h3><p>Setelah mengedit file-file yang diperlukan, sekarang Anda perlu menjalankan modul <a href=\"\/id\/tutorial\/apa-itu-apache\">Apache<\/a> di XAMPP. Begini caranya:<\/p><ol class=\"wp-block-list\">\n<li>Buka <strong>XAMPP Control Panel<\/strong> di komputer Anda.<\/li>\n\n\n\n<li>Klik <strong>Start<\/strong> di samping modul Apache untuk memulainya.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ded9e220ba3\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full is-resized wp-lightbox-container\"><img decoding=\"async\" width=\"832\" height=\"532\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/memulai-apache.jpg\/public\" alt=\"tampilan memulai modul apache di xampp\" class=\"wp-image-42396\" style=\"width:612px;height:auto\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/memulai-apache.jpg\/w=832,fit=scale-down 832w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/memulai-apache.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/memulai-apache.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/memulai-apache.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 832px) 100vw, 832px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Atau, kalau sebelumnya Apache sudah dimulai, restart modul tersebut dengan mengklik tombol <strong>Stop<\/strong> di sampingnya lalu mengklik <strong>Start<\/strong> lagi.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ded9e2216be\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full is-resized wp-lightbox-container\"><img decoding=\"async\" width=\"828\" height=\"303\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/stop-apache-xampp.jpg\/public\" alt=\"tampilan menghentikan modul apache di xampp\" class=\"wp-image-42397\" style=\"width:728px;height:auto\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/stop-apache-xampp.jpg\/w=828,fit=scale-down 828w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/stop-apache-xampp.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/stop-apache-xampp.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/stop-apache-xampp.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 828px) 100vw, 828px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Selesai! Setelah melakukan langkah ini, proyek website Anda di localhost sudah berhasil diubah menjadi nama domain sendiri. Setelahnya, Anda masih perlu mengujinya untuk memastikan semuanya sudah berfungsi sesuai yang diharapkan.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-akses-domain-di-web-browser\">4. Akses domain di web browser<\/h3><p>Terakhir, Anda bisa mencoba mengakses domain di browser untuk menguji apakah langkah-langkahnya sudah berhasil.<\/p><p>Gunakan aplikasi web browser pilihan Anda, lalu ketikkan domain yang tadi Anda gunakan di kolom alamat browser. Kalau berhasil, Anda akan diarahkan ke halaman <strong>Welcome to XAMPP<\/strong> seperti di bawah ini:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ded9e22223a\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"942\" height=\"584\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-domain-localhost.png\/public\" alt=\"tampilan mengakses domain localhost di chrome setelah mengganti localhost dengan domain sendiri\" class=\"wp-image-42398\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-domain-localhost.png\/w=942,fit=scale-down 942w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-domain-localhost.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-domain-localhost.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-domain-localhost.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 942px) 100vw, 942px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Meskipun sudah mengganti localhost dengan nama domain, Anda juga masih bisa mengakses halaman proyek website lokal Anda dengan mengetikkan localhost di kolom alamat browser seperti berikut ini:<\/p><ol start=\"3\" class=\"wp-block-list\"><\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ded9e222e0b\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"940\" height=\"467\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-localhost-browser.png\/public\" alt=\"tampilan mengakses localhost di browser chrome\" class=\"wp-image-42399\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-localhost-browser.png\/w=940,fit=scale-down 940w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-localhost-browser.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-localhost-browser.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/11\/mengakses-localhost-browser.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-kesimpulan\">Kesimpulan<\/h2><p>Mengganti localhost dengan domain sendiri bisa memberikan banyak manfaat bagi Anda yang sering mengerjakan website lokal, terutama untuk meningkatkan efisiensi alur kerja Anda.<\/p><p>Misalnya, Anda bisa membuat sistem pengembangan yang lebih realistis seperti server yang sudah online untuk mempermudah pengujian fitur dan kompatibilitas website. Selain itu, langkah ini juga membantu menjaga struktur URL tetap rapi, terutama kalau Anda perlu mempresentasikan proyek kepada klien.<\/p><p>Nah, melalui artikel ini, Anda sudah mempelajari cara mengganti localhost dengan domain sendiri. Semoga artikel ini bisa memandu Anda melakukan langkah-langkahnya tanpa kesulitan, ya. Kalau masih ada pertanyaan, sampaikan lewat komentar yuk!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mengakses server lokal melalui localhost mungkin sudah menjadi kebiasaan Anda saat bekerja menggunakan XAMPP. Namun, tahukah Anda bahwa alamat ini bisa diubah menjadi nama domain sendiri? Dengan mengonfigurasi server lokal, nama domain seperti domainsaya.com bisa digunakan untuk mengakses proyek web Anda. Langkah ini membantu Anda bekerja lebih efisien, karena setiap proyek bisa menggunakan nama domain [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/id\/tutorial\/mengganti-localhost-dengan-nama-domain\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":190,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Cara mengganti localhost dengan domain sendiri","rank_math_description":"Menggunakan nama domain di localhost membantu Anda bekerja lebih efisien. Yuk, baca cara mengganti localhost dengan domain sendiri di sini!","rank_math_focus_keyword":"cara mengganti localhost dengan domain","footnotes":""},"categories":[9432,4983],"tags":[],"class_list":["post-41666","post","type-post","status-publish","format-standard","hentry","category-lainnya","category-web-development"],"hreflangs":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/41666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=41666"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/41666\/revisions"}],"predecessor-version":[{"id":42400,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/41666\/revisions\/42400"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=41666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=41666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=41666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}