{"id":34632,"date":"2022-12-14T13:03:50","date_gmt":"2022-12-14T06:03:50","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=34632"},"modified":"2022-12-14T13:19:12","modified_gmt":"2022-12-14T06:19:12","slug":"cara-menjalankan-script-php-di-localhost-htdocs-xampp","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-menjalankan-script-php-di-localhost-htdocs-xampp\/","title":{"rendered":"Cara Menjalankan Script PHP di Localhost htdocs Pada XAMPP"},"content":{"rendered":"\n<p>Setelah selesai <a href=\"https:\/\/www.rumahweb.com\/journal\/install-xampp-di-windows\/\" title=\"install xampp\">mengintsall XAMPP<\/a> di komputer, selanjutnya Anda sudah bisa memulai membuat website melalui localhost. Langkah pertama yang perlu Anda lakukan adalah membuat file php maupun html di folder htdocs. Lalu apa itu folder localhost htdocs dan bagaimana cara membuat filenya?<\/p>\n\n\n\n\n\n<p>Seperti yang telah kita ketahui bersama, htdocs merupakan directory root localhost pada <a href=\"https:\/\/blog.rumahweb.com\/xampp-adalah\/\" title=\"xampp adalah\">XAMPP<\/a>. Di directory atau folder tersebut, sebuah website bisa dijalankan. Karenanya untuk memudahkan Anda dalam membuat website di localhost, kami akan menjelaskan seluk beluk tentang htdocs dan cara membuat file websitenya di directory tersebut. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa itu Folder htdocs? <\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-htdocs.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"508\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-htdocs-1024x508.jpg\" alt=\"tampilan Folder localhost htdocs\" class=\"wp-image-34633\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-htdocs-1024x508.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-htdocs-300x149.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-htdocs-768x381.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-htdocs-370x184.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-htdocs-270x134.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-htdocs-570x283.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-htdocs-740x367.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-htdocs.jpg 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Folder htdocs adalah default root directory atau home directory pada xampp. Seluruh data website php atau html (kecuali database) harus ditempatkan di dalam folder ini, agar website Anda bisa diakses. Lokasi folder ini biasanya ada di Windows C > xampp > htdocs. <\/p>\n\n\n\n<p>Untuk lebih mudah dalam mengorganisir project website, sebaiknya Anda membuat folder untuk masing-masing project website. Pada contoh kali ini, website akan dibuat di http:\/\/localhost\/belajar, sehingga Anda perlu membuat folder baru dengan nama belajar di dalam folder htdocs. <\/p>\n\n\n\n<p>Biasakan membuat folder atau file menggunakan huruf kecil untuk meminimalisir masalah ketika akses website karena masalah case-sensitive pada web server bila nantinya diupload ke server hosting.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-belajar.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"906\" height=\"512\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-belajar.jpg\" alt=\"folder belajar\" class=\"wp-image-34634\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-belajar.jpg 906w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-belajar-300x170.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-belajar-768x434.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-belajar-370x209.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-belajar-270x153.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-belajar-570x322.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/folder-belajar-740x418.jpg 740w\" sizes=\"auto, (max-width: 906px) 100vw, 906px\" \/><\/a><\/figure>\n\n\n\n<p>Setelah selesai membuat folder, Anda perlu masuk ke folder belajar dan menempatkan seluruh data-data website di dalam folder belajar tersebut.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cara menulis file PHP di folder htdocs<\/h2>\n\n\n\n<p>Langkah selanjutnya adalah menulis scripts website dalam format html atau php.  Pada contoh kali ini, kami akan menggunakan notepad++ yang paling ringan dan mudah digunakan.<\/p>\n\n\n\n<p><strong>Notepad++<\/strong>\u00a0merupakan aplikasi source code editor yang gratis dan mendukung banyak bahasa pemrograman. Dengan Notepad++, Anda dengan mudah dan bebas melakukan perubahan kode. Notepad++ bisa didownload melalui link <a href=\"https:\/\/notepad-plus-plus.org\/downloads\/\">ini<\/a>.<\/p>\n\n\n\n<p>Berikut contoh scripts php sederhana yang bisa anda coba:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\n   echo \"belajar PHP menggunakan XAMPP\";\n   echo \"&lt;br \/>\";\n   echo \"Berhasil!\";\n?><\/code><\/pre>\n\n\n\n<p>Simpan file tersebut dengan nama index.php lalu simpan di folder <strong>C:\\xampp\\htdocs\\belajar\\<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/index-php.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"580\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/index-php-1024x580.jpg\" alt=\"index.php\" class=\"wp-image-34635\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/index-php-1024x580.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/index-php-300x170.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/index-php-768x435.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/index-php-370x209.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/index-php-270x153.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/index-php-570x323.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/index-php-740x419.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/index-php.jpg 1127w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cara akses melalui browser<\/h2>\n\n\n\n<p>index.php adalah default file yang dibaca oleh webserver untuk ditampilkan pertama kali. Sehingga ketika anda mengakses http:\/\/localhost\/belajar, maka yang ditampilkan adalah file index.php tersebut, contohnya seperti gambar dibawah ini :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/hasil-browser.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"957\" height=\"459\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/hasil-browser.jpg\" alt=\"Akses web browser\" class=\"wp-image-34637\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/hasil-browser.jpg 957w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/hasil-browser-300x144.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/hasil-browser-768x368.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/hasil-browser-370x177.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/hasil-browser-270x129.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/hasil-browser-570x273.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/hasil-browser-740x355.jpg 740w\" sizes=\"auto, (max-width: 957px) 100vw, 957px\" \/><\/a><\/figure>\n\n\n\n<p>Pada pembahasan lainnya, kami juga membuat artikel mengenai membuat database yang akan diperlukan bila membuat website dinamis yang bisa dipelajari pada link berikut: <a href=\"https:\/\/www.rumahweb.com\/journal\/membuat-database-di-xampp\/\" title=\"cara membuat database di localhost xampp\">Cara membuat database di localhost<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cara mengubah directory root di XAMPP<\/h2>\n\n\n\n<p>Pada dasarnya, Anda bisa mengubah lokasi directory root sesuai yang diinginkan. Contohnya Anda ingin mengubah directory awal dari htdocs ke directory D:\/website misalnya, hal tersebut bisa saja dilakukan melalui httpd.conf. <\/p>\n\n\n\n<p>Untuk mengubah directory root tersebut, Anda bisa membuka <strong>XAMPP Control Panel<\/strong> pada bagian <em>Apache > config > Apache (httpd.conf)<\/em> seperti gambar di bawah ini:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/httpd-conf.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"428\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/httpd-conf.jpg\" alt=\"mengubah config httpd.conf localhost htdocs\" class=\"wp-image-34640\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/httpd-conf.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/httpd-conf-300x174.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/httpd-conf-370x214.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/httpd-conf-270x156.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/httpd-conf-570x330.jpg 570w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Setelah itu, cari bagian <strong>DocumentRoot &#8220;C:\/xampp\/htdocs&#8221;<\/strong> dan ubah sesuai folder atau directory yang Anda inginkan.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/document-root.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"562\" height=\"509\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/document-root.jpg\" alt=\"DocumentRoot\" class=\"wp-image-34641\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/document-root.jpg 562w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/document-root-300x272.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/document-root-370x335.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/document-root-270x245.jpg 270w\" sizes=\"auto, (max-width: 562px) 100vw, 562px\" \/><\/a><\/figure>\n\n\n\n<p>Setelah selesai mengubah directory-nya, jangan lupa untuk restart service apache pada XAMPP agar perubahan bisa berjalan.<\/p>\n\n\n\n<p>Demikian artikel kami tentang cara menjalankan script website di localhost htdocs pada aplikasi XAMPP. Semoga dengan panduan ini, Anda semakin mudah untuk membuat website di localhost. <\/p>\n\n\n\n<p>Bagi Anda yang telah selesai membuat website di localhost dan ingin agar website bisa diakses secara online, Anda bisa memesan domain dan hosting di Rumahweb. Tersedia ratusan ekstensi domain dan <a href=\"https:\/\/www.rumahweb.com\/hosting-murah\/\" title=\"\">promo hosting murah<\/a> yang bisa Anda pilih. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Setelah selesai mengintsall XAMPP di komputer, selanjutnya Anda sudah bisa memulai membuat website melalui localhost. Langkah pertama yang perlu Anda lakukan adalah membuat file php maupun html di folder htdocs. Lalu apa itu folder localhost htdocs dan bagaimana cara membuat filenya? Seperti yang telah kita ketahui bersama, htdocs merupakan directory root localhost pada XAMPP. Di [&hellip;]<\/p>\n","protected":false},"author":272,"featured_media":34663,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[142],"tags":[1880,761,760],"class_list":{"0":"post-34632","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tips-dan-trik","8":"tag-htdocs","9":"tag-localhost","10":"tag-xampp"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/12\/Banner-Cara-Menjalankan-Script-PHP-di-Localhost-htdocs-Pada-XAMPP.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-90A","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/34632","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/272"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=34632"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/34632\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/34663"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=34632"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=34632"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=34632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}