How to install and configure WAMP Part 3

Finally, everything is installed and working! Now it’s time to start using WAMP and making use of some of it’s advanced features.

By default, all you have to do is place your website in the www folder and away you go. I have just created a folder in C:\wamp64\www called testsite. Inside testsite I have created a file called index.html

I simply typed <h1>Hello World!</h1> into the file so we can see WAMP working.

Enter http://localhost/testsite/ into the address bar of a web browser and you should see the page shown below.

This works but it’s not very user friendly. There is a much better way of doing this, WAMP uses something called Virtual Hosts and it allows you to use domain names for your projects. So, instead of typing out http://localhost/testsite/ you can use something like testsite.test. It’s best to use extensions that are not used out on the real internet and .test is ideal. So how do we make that work?

If you left click on the “W” icon in the taskbar and hover over “Your VirtualHosts” you will see something like the image above. Click on “VirtualHost Management”.

I have filled out the form above. The firstbox is the name of the site or the web address. In this case when I type testsite.test into a browser it will open the web page. The next line is the path on your computer to the folder that holds the website. This path can be anywhere on your computer, for example, in your documents folder. Although it is recommended that WAMP itself is installed in the root of the C drive, your web files can be anywhere. This is a very useful feature of Virtual Hosts.

After you click on the “Start the creation of the VirtualHost” button you will see the screen above. It tells you that you need to Restart DNS for this to work. Right click on the “W” icon in the taskbar and hover over “Tools”, then go to the top and click on “Restart DNS”. This may take a minute or so, having said that, it may take a lot less depending on your machine. Once done you can type testsite.test into a browser and you site will open.

 

 

How to install and configure WAMP Part 2

The image below shows the download of WAMP in progress, in my case the version was 3.1.9. It is likely that the version will be different for you but the same steps should apply.

Once the download has finished, click on the file to start the install process. The first option is to select the setup language. This has nothing to do with the language in the application itself, just the language for the install process. I will choose “English” and click “OK”. The next screen is theĀ  license agreement, once happy, choose “I agree” and click next.

The information screen does have some important points for you to follow. Make sure this is a clean install, do not install over another version. As this is a tutorial for fresh installs this should not apply to you. Make sure VC is up to date. You installed the latest version during this tutorial so no problem here. Install WAMP in a folder in the root of the disk. This is the default during the next step so just leave that as is. All of this is important so have a read through and click next when happy.

My system drive is “C”, yours probably is as well. Leave the install location to the default. It may be possible to make WAMP work from other locations but it can be problematic so best to leave it as is.

Just click next, next and finish. WAMP will now start to install.

The next thing you have to deal with is what browser WAMP uses by default. In my case I like to use Google Chrome for my development work. It is purely a personal preference, these days every browser has great development tools so choose whichever you like. To change the default browser click yes and browse to the browsers exe file. In my case the path for Chrome is: (C:\Program Files (x86)\Google\Chrome\Application\chrome.exe) If you are unsure about this step just accept the browser WAMP chose and move on.

Next, choose your default Text Editor. For me, my preference is Microsoft Visual Studio Code. You will need to browse to the executable file for your Text Editor of choice. Once again, if unsure, just accept the default choice and move on.

The next screen, shown above, has some really useful information. We are going to cover a lot of this but have a read through anyway. When you are ready, click next and then finish.

By default, WAMP installed a shortcut on your desktop. Double click on here to get WAMP started. You will see a few flashing boxes, in a few seconds you will be ready to go.

Many of you will be reading this tutorial because you are having trouble getting WAMP to work. One of the most common problems is services not running. You will see in the image above I only have 2 of 3 services running. So how do we fix this?

The first thing to try is to left click on the “W” WAMP icon in the toolbar and you will see the menu shown above. Click on “Restart All Services”. In my case I did this and then I got a green “W” icon. This means all the services are running and everything will be working. However, you may have a different problem and I will give you some tips to solve it.

If you have followed this tutorial then the most likely explanation is that something on your computer is using a port number that WAMP is trying to use. By default WAMP uses ports 80, 3306 and 3307. If, for example, IIS is running on your machine then that would likely be using port 80 and so Apache would fail to start. It’s not the end of the world, you can either remove the offending program or you can tell WAMP to use a different port number.

In the image above you can see that you can test the ports. If you click on “Test Port 80” WAMP will show you something like the image below.

In my case it shows that everything is OK. Test all 3 and assess which one is the culprit. If it was port 80 that was the problem then click on “Use a port other than 80”.

This will open the window shown above. It automatically offers you an alternative port number. Try this, restart all services and hopefully everything should be working. I am going to leave the troubleshooting here, I could give you lots more examples but I genuinely think you should get the idea from what I have covered. Just test and change ports if necessary. Good luck.

Thats the end of part 2. See you in part 3 where we will finally start using WAMP and covering some of the great features.

 

 

 

How to install and configure WAMP Part 1

This tutorial is for Windows users, the current version of WAMP is not compatible with Windows XP, if you have something newer then read on.

Wampserver Web Address
Wampserver Web Address

To start, go to a web browser and type in www.wampserver.com. This will take you to the web page shown in the image above. Scroll down the page until you get to the download section.

You have 2 options, 64 bit or 32 bit. If you already know which version of Windows you are running click on that version and your download will start. If you don’t then you can easily find that information by following these steps. Hold down your Windows key and push “i”. This will open the Windows system window, scroll to the bottom and click “About”.

You will then see which version you are running, this is shown in the image below.

In my case it shows that I have a 64 bit operating system. Go back to the Wamp download page and choose the appropriate download. I click on the 64 bit option and it opens the window shown in the image below.

All of those warnings look pretty scary! Don’t worry, if this is your first install then the only thing that really matters is making sure that you have C++ for Microsoft Visual Studio installed. WAMP requires this and the install will fail if it’s not there. Click on the link shown in the image above and it will take you to the download page.

You need to select the appropriate download for your operating system. In my case it is 64 bit so I choose the top one, if you have a 32 bit operating system then choose the one below for x86 systems, then click next. The file will automatically download to your default download location. For most browsers, when the download has completed simply click on the file in the bottom left of the screen, shown in the image below.

This will start the install process. This is very straightforward, simply choose the default options until you see:

If you see the same as me and it says repair, then you know you already have C++ installed, you can click on “Close”. If it says “Install” then follow the instructions and complete the installation, you may need to restart your computer. Once you have finished you can move onto the next step.

Go back to the WAMP install page and click download link again. Back to the scary window and this time click on the “Download Directly” link.

This will take you to Sourceforge and the download should automatically start. Once the download has completed, you are ready to start installing and configuring WAMP. I am breaking this tutorial up into multiple parts due to the size of the images on this page. Go to part 2 when you are ready to continue.