{"id":2504,"date":"2024-08-30T21:46:35","date_gmt":"2024-08-30T18:46:35","guid":{"rendered":"https:\/\/www.leonidassavvides.com\/blog\/?p=2504"},"modified":"2024-09-01T13:25:15","modified_gmt":"2024-09-01T10:25:15","slug":"how-to-setup-many-web-folders-in-xampp-cross-os-apache-mysql-php-perl-xampp-stack-for-web-development","status":"publish","type":"post","link":"https:\/\/www.leonidassavvides.com\/blog\/2024\/08\/how-to-setup-many-web-folders-in-xampp-cross-os-apache-mysql-php-perl-xampp-stack-for-web-development\/","title":{"rendered":"How To Setup Many Web Folders in XAMPP &#8211; Cross OS, Apache, MySQL, PHP, Perl (XAMPP) Stack for Web Development"},"content":{"rendered":"<div style=\"margin-top: 0px; margin-bottom: 0px;\" class=\"sharethis-inline-share-buttons\" ><\/div>\n<p>The topic of this <span style=\"box-sizing: border-box; margin: 0px; padding: 0px;\">arti<\/span>cle is&nbsp;<strong>how to set up many web folders in XAMPP.<\/strong><\/p>\n\n\n\n<p>We assume you are an <strong>upper beginner at least a web developer in PHP\/MySQL.<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>For <strong>complete beginners read here:<\/strong><br>What is XAMPP &amp; How To download:<\/p>\n\n\n\n<p> <a href=\"https:\/\/www.apachefriends.org\/download.html\">https:\/\/www.apachefriends.org\/download.html<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.javatpoint.com\/xampp-vs-wamp-vs-mamp-vs-lamp\">https:\/\/www.javatpoint.com\/xampp-vs-wamp-vs-mamp-vs-lamp<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Using XAMPP you must know that: if installed to the default directory:<\/p>\n\n\n\n<p>c:\/xampp\/<\/p>\n\n\n\n<p>or<\/p>\n\n\n\n<p>D:\/xampp\/<\/p>\n\n\n\n<p>your web folder is: <\/p>\n\n\n\n<p>c:\/xampp\/htdocs\/<\/p>\n\n\n\n<p>or<\/p>\n\n\n\n<p>D:\/xampp\/htdocs\/<\/p>\n\n\n\n<p>respectively &#8230; and access as http:\/\/localhost\/ <\/p>\n\n\n\n<p>What if your web projects as a PHP\/MySQL Web Developer or\/and JavaScript Web Developer are for example at:<\/p>\n\n\n\n<p>D:\/Documents\/Web Projects\/<\/p>\n\n\n\n<p>or<\/p>\n\n\n\n<p>C:\/Documents\/Web Projects\/<\/p>\n\n\n\n<p>and you do NOT want to move them to another directory&#8230;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Here you will learn how to &#8211; leave folders as are and add the directories as aliases to XAMPP setup\/configuration:<\/p>\n\n\n\n<p>D:\/Documents\/Web Projects\/  alias e.g. \/repo2, accessed as <a href=\"http:\/\/localhost\/repo2\">http:\/\/localhost\/repo2\/<\/a><\/p>\n\n\n\n<p>or<\/p>\n\n\n\n<p>C:\/Documents\/Web Projects\/  alias e.g. \/repo3, accessed as <a href=\"http:\/\/localhost\/repo3\">http:\/\/localhost\/repo3\/<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>For users who want <strong>to follow a SlideShare Presentation<\/strong>, go to -1- below; <\/p>\n\n\n\n<p>For those who want <strong>to follow a YouTube video<\/strong>, go to -2- below&#8230;;<\/p>\n\n\n\n<p>If you want a Fast How-To <strong>continue reading this Article below -3- &#8230;<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">-1-<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/www.slideshare.net\/slideshow\/embed_code\/key\/I6Wx1I6ykt9ZRw?hostedIn=slideshare&#038;page=upload\" width=\"476\" height=\"400\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">-2-<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How-To: create additional web folders in XAMPP\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/y2HV-Y6bWog?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">-3-<\/p>\n\n\n\n<p>For the example at the top of this article: let&#8217;s say we have a Development Windows 10 or 11 PC\/Laptop &amp; XAMPP installed at c:\/xampp\/ &#8230; :<\/p>\n\n\n\n<p><strong>Development folder-1:<\/strong><\/p>\n\n\n\n<p>D:\/Documents\/Web Projects\/ <br><strong>alias e.g.<\/strong> <br>\/repo2 <br>accessed as <a href=\"http:\/\/localhost\/repo2\">http:\/\/localhost\/repo2\/<\/a><\/p>\n\n\n\n<p>or<\/p>\n\n\n\n<p><strong>Development folder-2:<\/strong><\/p>\n\n\n\n<p>C:\/Documents\/Web Projects\/ <br><strong>alias e.g.<\/strong> <br>\/repo3<br>accessed as <a href=\"http:\/\/localhost\/repo3\">http:\/\/localhost\/repo3\/<\/a><\/p>\n\n\n\n<p>repo2 or repo3 aliases names should be strings without space, avoid special chars, and must be anything string convenient to you.<\/p>\n\n\n\n<p>You have to find the configuration file: <br><strong>httpd-xampp.conf <\/strong><br>and add the code at the bottom above the last line of <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;\/IfModule&gt;<\/code><\/pre>\n\n\n\n<p>FINAL RESULT:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Alias \/repos2 \"D:\/Documents\/Web Projects\/\"\n&lt;Directory \"D:\/Documents\/Web Projects\"&gt;\n &nbsp; AllowOverride AuthConfig\n &nbsp; Require local\n&lt;\/Directory&gt;\n\nAlias \/repos3 \"C:\/Documents\/Web Projects\/\"\n&lt;Directory \"C:\/Documents\/Web Projects\"&gt;\n &nbsp; AllowOverride AuthConfig\n &nbsp; Require local\n&lt;\/Directory&gt;\n\n\n&lt;\/IfModule&gt;<\/code><\/pre>\n\n\n\n<p>Usually, the <strong>httpd-xampp.conf<\/strong> is at:<\/p>\n\n\n\n<p><strong>C:\\xampp\\apache\\conf\\extra\\<\/strong>httpd-xampp.conf<\/p>\n\n\n\n<p>Alternatively, there is a <strong>shortcut to access XAMPP conf files, etc. files&#8230; see: <\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/lse-blogs.s3.eu-west-1.amazonaws.com\/articles\/XAMPP-many-web-folders-setup\/2024-08-30_20-56-48.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/lse-blogs.s3.eu-west-1.amazonaws.com\/articles\/XAMPP-many-web-folders-setup\/2024-08-30_20-55-41.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/lse-blogs.s3.eu-west-1.amazonaws.com\/articles\/XAMPP-many-web-folders-setup\/2024-08-30_21-26-41.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>This article was a <strong>step-by-step ASAP Configuration\/Setup.<\/strong><\/p>\n\n\n\n<p>For more details see the <strong>SlideShare Presentation and\/or the YouTube Video.<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n","protected":false},"excerpt":{"rendered":"<p>The topic of this article is&nbsp;how to set up many web folders in XAMPP. We assume you are an upper beginner at least a web developer in PHP\/MySQL. For complete beginners read here:What is XAMPP &amp; How To download: https:\/\/www.apachefriends.org\/download.html https:\/\/www.javatpoint.com\/xampp-vs-wamp-vs-mamp-vs-lamp Using XAMPP you must know that: if installed to the default directory: c:\/xampp\/ or &hellip; <a href=\"https:\/\/www.leonidassavvides.com\/blog\/2024\/08\/how-to-setup-many-web-folders-in-xampp-cross-os-apache-mysql-php-perl-xampp-stack-for-web-development\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How To Setup Many Web Folders in XAMPP &#8211; Cross OS, Apache, MySQL, PHP, Perl (XAMPP) Stack for Web Development&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,8,10,19,22,32,43,52],"tags":[359,360,150,358,357,362,187,271,361,356],"class_list":["post-2504","post","type-post","status-publish","format-standard","hentry","category-design","category-dev","category-html5","category-linux","category-macos","category-php","category-tech","category-xampp","tag-apache-local-web-development-server","tag-apache-web-server","tag-laravel-web-development","tag-local-dev-server","tag-local-web-development","tag-local-web-server","tag-php-web-development","tag-web-development","tag-web-server","tag-xampp"],"_links":{"self":[{"href":"https:\/\/www.leonidassavvides.com\/blog\/wp-json\/wp\/v2\/posts\/2504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.leonidassavvides.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.leonidassavvides.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.leonidassavvides.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.leonidassavvides.com\/blog\/wp-json\/wp\/v2\/comments?post=2504"}],"version-history":[{"count":33,"href":"https:\/\/www.leonidassavvides.com\/blog\/wp-json\/wp\/v2\/posts\/2504\/revisions"}],"predecessor-version":[{"id":2540,"href":"https:\/\/www.leonidassavvides.com\/blog\/wp-json\/wp\/v2\/posts\/2504\/revisions\/2540"}],"wp:attachment":[{"href":"https:\/\/www.leonidassavvides.com\/blog\/wp-json\/wp\/v2\/media?parent=2504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.leonidassavvides.com\/blog\/wp-json\/wp\/v2\/categories?post=2504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.leonidassavvides.com\/blog\/wp-json\/wp\/v2\/tags?post=2504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}