So you finally got sick of endlessly wasting time uploading and downloading files to your website development server, and you’ve decided it’s time to setup a local development environment, well you have come to the right place. This articles is going to take you on a step by step journey to setting a WAMP server on your Windows 7 computer, and installing a WordPress site on that development environment.
This first section will take you through downloading WAMP, installing it on your computer, and configuring some settings for your local server
Step 1: Download the WAMP Server Files
You can download a free copy of WAMP at http://www.wampserver.com/en, you can find the download section about half way down the page or by clicking on the “DOWNLOAD” link in the main menu. Depending upon our computer either download the 32 or 64 bit download. If you not sure you can check the system type under Control Panel->System and Security->System.
Step 2: Install WAMP on your computer
After you have downloaded your WAMP Server it’s time to install. Go to your downloads folder and double click on the the .exe WAMP file you just downloaded, and select “run” and follow the install prompts.
After the install is complete you will be able to see the files located at C:/wamp/ or your custom install directory, if you changed it from the default setting.
Step 3: Starting Your WAMP Server for the first time.
Ok, you now have the WAMP software installed, but in order to begin using the server we need to start it. Just like any program you can either use one of the icons you created during the installation process or look under Start->All Programs->WampServer folder and click on “startWampServer”
After starting your WAMP server an icon will appear in your task bar. You will see it in 1 of 3 states.
- Red, meaning no services on your WAMP server are currently running (when you first start the server it will be red, don’t panic, let it boot up.
- Orange, meaning the WAMP server has been started, but not all of the services are running (again don’t panic, as the server starts it will transition from red to orange to green)
- Green, meaning the WAMP server has been started and all it’s services are running correctly
As the server starts up it will go from red to orange to green, it shouldn’t take more than a minute. If it seems stuck on either red or orange you may need to reboot the server, or “Restart all Services”.
**An important note here is that WAMP conflicts with the default Skype settings, so if you are signed into Skype, and then start your WAMP server you will see the orange WAMP icon, meaning that not all of the WAMP services are running. There are two easy ways around this. First, you can quit Skype, start your WAMP server and then sign into Skype after you have a green WAMP icon, but you may have to do this more often than you would like. The good news, there is a better alternative; and that is to simply change your Skype settings. You need to be logged into your Skype account, then click on Tools->Options->Advanced->Connection and un-check “Use port 80 and 443 as alternatives for incoming connections”.
After you make the above changes to solve the Skype issue, or your not seeing a orange or red WAMP icon you can restart the server from the icon tray.
Step 4: Verify Your WAMP is Working
If everything went according to plan and you have a “Green” WAMP icon you can now visit the url http://localhost and you should see the following:
Congratulations, your now have a fully functioning local development server setup and running! You can now add html files, php files, xml files, directories, ect to your www folder and they will be visible from your browser via http://localhost/yourdirectory, http://localhost/filename.php, http://localhost/your-directory/filename.php, ect. and behave as though they are on a live web server.
If you here just to setup a local server on your computer and take it from there you are done, I hope you enjoyed it, but if you want go a little further and install your first WordPress website onto your brand new server installation you can follow the tutuorial here Installing and Setting Up A WordPress Site On Your New WAMP Installation.