To create multiple websites, it would be helpful to have each website setup on the local computer. With Wampserver (or just Apache) we can easily configure multiple websites. Following are the steps to create multiple websites using Apache’s configuration. This uses Apache’s “Named Virtual Hosts” configuration. I have tested these steps on Wampserver 2.1 running on Windows XP and Windows 7.<\/p>\n
<\/p>\n
After installing WAMP server you can go to the browser and type http:\/\/localhost<\/a> and it opens up a page. Windows by default recognizes the site localhost as referring to itself. We need to setup windows to recognize our other local websites. To do this we need to edit the After going to this directory open the file named Note<\/strong>: You may not be able to edit or save this file in Windows Vista or Windows 7. You need administrator rights to edit this file.<\/p>\n Now, you would see a line at the end of the file follows:<\/p>\n This code tells your computer to connect to your own computer when we try to go to http:\/\/localhost Save this file and try going to http:\/\/site1<\/a> Note<\/strong>: Make sure you do not add host entries for external sites like google.com or bing.com. If you add these entries, then the computer would no longer be able to go to the actual websites.<\/p>\n Wampserver has only one folder or site root to host the website. This folder is typically Add some test file in this folder like “index.html” in say We would change the file Don’t add code to this file, its not a clean and easy way. We just want to un-comment one line in this file that include the vhosts file.<\/p>\n Remove the # sign from the front of the line, the changed line should look as follows:<\/p>\n Now, we will open the file “httpd-vhosts.conf”, which would be typically located inside the extra directory ( In this file we will add virtual host using the following code:<\/p>\n In the above code the ServerName and DocumentRoot are mandatory, other options are optional.<\/p>\n So if we want to have 3 sites on our local machine as follows I have not used all the options for site1 and site2, but it is a good practice to have them. Also notice that the code for site2 has some extra code for Directory. This is necessary to give the server access to that directory. If we don’t add this, the server will not be able to access the files in this directory and hence the site would not work. We don’t need this for site1 as its inside Now restart Apache and all your sites should be working. Make sure you add site2 to your hosts file and create the directory for it at Note<\/strong><\/span>: I do not take responsibility for proper functioning of the above mentioned steps under all circumstances. If you download any files, programs from my blog then make sure you protect yourself. I am not responsible for any damages to your computer, website, blog, application or any thing else. I am not affiliated with or do not endorse any of the above mentioned sites.<\/p>\n","protected":false},"excerpt":{"rendered":" To create multiple websites, it would be helpful to have each website setup on the local computer. With Wampserver (or just Apache) we can easily configure multiple websites. Following are the steps to create multiple websites using Apache’s configuration. This uses Apache’s “Named Virtual Hosts” configuration. I have tested these steps on Wampserver 2.1 running […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_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":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[6,8],"tags":[20,124,74,76,77],"class_list":["post-163","post","type-post","status-publish","format-standard","hentry","category-server-configuration","category-web-development","tag-apache","tag-snippets","tag-virtual-sites","tag-wamp","tag-wampserver"],"yoast_head":"\nhosts<\/code> file. This file is found under the following directory. (Another way to reach this directory is, open the run command or press Windows Key + R, and then type “drivers” and press “OK” then go to “etc”.)<\/p>\n\r\nC:\/Windows\/System32\/drivers\/etc\r\n<\/pre>\n
hosts<\/code> in this directory using your favorite texteditor (like Notepad, Editplus, Notepad++).<\/p>\n\r\n127.0.0.1 \tlocalhost\r\n<\/pre>\n
\nNow we should add our site to this file. Lets say our site name is site1. So we would add an entry for it in the hosts<\/code> file. The updated file would look similar to the following:<\/p>\n\r\n127.0.0.1 \tlocalhost\r\n127.0.0.1 \tsite1\r\n<\/pre>\n
\nThis would take you to the same page as http:\/\/localhost<\/a>
\nNow our computer knows what http:\/\/site1 is.<\/p>\nStep 2: Create a folder for the website<\/h3>\n
C:\/wamp\/www<\/code>. We should create a different folder for each website. We can create the folder in any directory or drive. (If we create the folder outside of C:\/wamp\/www<\/code> we would need some additional settings in Apache described later).<\/p>\nC:\/wamp\/www\/site1<\/code> directory.<\/p>\nStep 3: Setup Apache to serve multiple sites<\/h3>\n
httpd.conf<\/code> and httpd-vhosts.conf<\/code> for the Apache setting.
\nOpen the file httpd.conf<\/code> by clicking the WAMP server icon and selecting “Apache -> httpd.conf”. This file is typically located at C:\/wamp\/bin\/apache\/Apache2.2.17\/conf<\/code>.<\/p>\n\r\n#Include conf\/extra\/httpd-vhosts.conf\r\n<\/pre>\n
\r\nInclude conf\/extra\/httpd-vhosts.conf\r\n<\/pre>\n
C:\/wamp\/bin\/apache\/Apache2.2.17\/conf\/extra<\/code>)<\/p>\n\r\n<VirtualHost *:80>\r\n\tServerAdmin admin@localhost\r\n\tDocumentRoot "C:\/wamp\/www"\r\n\tServerName localhost\r\n\tServerAlias www.localhost.com\r\n\tErrorLog "logs\/localhost-error.log"\r\n\tCustomLog "logs\/localhost-access.log" common\r\n<\/VirtualHost>\r\n<\/pre>\n
\nlocalhost -> C:\/wamp\/www
\nsite1 -> C:\/wamp\/www\/site1
\nsite2 -> C:\/site2<\/p>\n\r\n<VirtualHost *:80>\r\n\tServerAdmin admin@localhost\r\n\tDocumentRoot "C:\/wamp\/www"\r\n\tServerName localhost\r\n\tServerAlias www.localhost.com\r\n\tErrorLog "logs\/localhost-error.log"\r\n\tCustomLog "logs\/localhost-access.log" common\r\n<\/VirtualHost>\r\n\r\n<VirtualHost *:80>\r\n\tDocumentRoot "C:\/wamp\/www\/site1"\r\n\tServerName site1\r\n<\/VirtualHost>\r\n\r\n<VirtualHost *:80>\r\n\tDocumentRoot "C:\/site2"\r\n\tServerName site2\r\n\t<Directory "C:\/site2">\r\n\t\tOptions Indexes FollowSymLinks MultiViews\r\n\t\tAllowOverride None\r\n\t\tOrder allow,deny\r\n\t\tAllow from all\r\n\t<\/Directory>\r\n<\/VirtualHost>\r\n<\/pre>\n
C:\\wamp\\www<\/code> directory for which the directory setting are set by defult in wampserver.<\/p>\nC:\/site2<\/code>.<\/p>\n