Check your version

This video covers a topic in Drupal 7 which may or may not be the version you're using. We're keeping this tutorial online as a courtesy to users of Drupal 7, but we consider it archived.

Alternate resources: 

Installing WampServer

Video loading...

  • 0:05
    [Installing WAMPServer with Addison Berry]
  • 0:12
    In this video, we're going to look at how to install
  • 0:15
    a local web development environment by setting up a web
  • 0:19
    server on your personal computer for Windows.
  • 0:22
    And in this instance are going to be using a product called WampServer.
  • 0:26
    It's free.
  • 0:27
    And what it does is it sets up Apache, MySQL,
  • 0:31
    and PHP on a personal Windows machine.
  • 0:35
    You can find WampServer
  • 0:38
    And that's we're going to start our journey.
  • 0:42
    So the first thing we're going to need to do is download it.
  • 0:44
    So go to the download tab.
  • 0:47
    And that drops us down to that section of the page.
  • 0:49
    You see we have two versions, 32 bits or 64-bit.
  • 0:53
    So you pick the one that's appropriate for your computer.
  • 0:56
    And then I'll scroll down here just a little bit.
  • 0:58
    You can see we have this add-ons section.
  • 1:00
    And that allows me to change versions.
  • 1:02
    So if you look at the main download here,
  • 1:05
    underneath in teeny tiny text, it has the versions
  • 1:09
    that this download is going to give you.
  • 1:11
    So like PHP 5.3 something.
  • 1:16
    If I go down to that PHP section here,
  • 1:18
    I can pick another version if I don't want PHP 5.3.
  • 1:23
    If I want to also have PHP 5.2 because I
  • 1:25
    need to test between both versions.
  • 1:27
    So I can just go normally just pick the latest version
  • 1:30
    and click that and download that as well.
  • 1:33
    And then I would be able to toggle back and forth between those.
  • 1:36
    You can see, you can do this for Apache and MySQL, as well.
  • 1:40
    So I'm going to go ahead and download the actual server.
  • 1:44
    You get this form that you're supposed to fill out.
  • 1:48
    But you don't have to fill this form out.
  • 1:50
    If you read the text, which most people probably don't, you can just
  • 1:53
    download it directly with this link.
  • 1:56
    So I'm going to click that, rather than
  • 1:57
    giving someone my personal information.
  • 2:00
    And then of course this going to need to load.
  • 2:03
    And then it'll pop up with our download information.
  • 2:05
    One thing I want to point out real quickly
  • 2:07
    is only download from this pop up.
  • 2:10
    Don't click a download button on the screen that's
  • 2:12
    big and shiny and pretty because they're just
  • 2:13
    trying to get you to get other things.
  • 2:15
    So I'm going to click Save File from this
  • 2:17
    so that I can actually download the exe so that I can use it.
  • 2:22
    That will take a minute or two.
  • 2:24
    Once we have that downloaded, I can go ahead
  • 2:26
    and open that up to begin the installer.
  • 2:32
    It provides a little wizard.
  • 2:33
    We're going to walk through a couple of screens here.
  • 2:34
    It shows you also what you're installing.
  • 2:36
    So, we'll get started with this.
  • 2:40
    Agree to license agreement.
  • 2:42
    You should probably read it.
  • 2:43
    Nobody ever does.
  • 2:44
    Then you can pick where you want to actually have WAMP,
  • 2:47
    the server, all the stuff that is stored in your directory structure.
  • 2:51
    It wants to put in c: wamp.
  • 2:53
    It's a fine location for me.
  • 2:54
    But if you'd like to put it somewhere else,
  • 2:56
    you could change that here.
  • 2:58
    I'm not going to create icons but, again, personal choice.
  • 3:01
    Up to you.
  • 3:02
    And then click Next.
  • 3:04
    And we have just a summary of what we're doing,
  • 3:08
    click Install and let it install.
  • 3:11
    And that's going to take a little bit of time.
  • 3:13
    Maybe you'll do a little video fast forward here.
  • 3:16
    And you see we're almost done.
  • 3:18
    We get a pop up, though, saying it's detected Firefox.
  • 3:20
    And it just wants to know if we want to use that as the default browser
  • 3:22
    with our server.
  • 3:23
    I'm going to say yes.
  • 3:25
    Because I tend to use Firefox for most everything.
  • 3:29
    And then it also is letting me know, Windows is going beep beep,
  • 3:32
    that it's detecting HTTP server, which could be a problem,
  • 3:37
    asking if I want to make sure that I want
  • 3:39
    to use this and allow it to work.
  • 3:41
    So pretty much, is just give me a warning.
  • 3:45
    We want to just leave this at private networks.
  • 3:47
    That's fine.
  • 3:48
    I don't need this to connect to public networks.
  • 3:50
    I'm just working locally.
  • 3:52
    So when this comes up, you can just leave it at its defaults
  • 3:55
    and allow access.
  • 3:57
    And that's fine.
  • 3:59
    But it is going to warn you and you need
  • 4:00
    to allow access in order for it to work locally.
  • 4:03
    And now we are going to start filling some things out here.
  • 4:06
    This has to do with email, which I'm generally not worried about.
  • 4:11
    And it's just going to set up some basic information
  • 4:13
    about the email server that it's installing.
  • 4:16
    So again, the defaults here are totally fine.
  • 4:19
    We can just move on.
  • 4:21
    And that's the wizard.
  • 4:23
    And this check box for launching it was checked.
  • 4:26
    So it's going to fire up the WampServer.
  • 4:29
    Let me close some of this stuff out so we get rid of some of this noise
  • 4:33
  • 4:35
    Now, it started up.
  • 4:36
    You didn't see anything pop up.
  • 4:37
    But you'll notice down here in your bar
  • 4:39
    down here you'll see a little green w.
  • 4:42
    And that is WampServer.
  • 4:43
    And when it's green, that means it's running.
  • 4:46
    And if the icon down here in the panel goes away,
  • 4:51
    I always like to customize it so that the WampServer icon is always
  • 4:55
    there, so I always know whether it's up or on or off.
  • 4:58
    So I'm going to set that in my settings
  • 5:00
    there, so it doesn't keep disappearing on me.
  • 5:03
    And let's open it up.
  • 5:05
    And I'm going to click on Local host.
  • 5:07
    This is the root of the web server that's serving web pages.
  • 5:13
    WampServer has this index page with all this information
  • 5:15
    about the software that you have installed and the versions.
  • 5:18
    We have a link for PHP info.
  • 5:21
    So I can get more information about my PHP installation.
  • 5:24
    And diversions at the top there.
  • 5:27
    We also have phpMyAdmin installed.
  • 5:29
    So you come here, start working with your databases.
  • 5:32
    Notice that the address is local host slash phpMyAdmin.
  • 5:36
    So everything's going to start in the local host.
  • 5:39
    And everything kind of goes from there.
  • 5:41
    And we'll come back and look at some of this other stuff
  • 5:44
    here, in a second.
  • 5:46
    But this is sort of your main start page for WAMP.
  • 5:49
    So back in our menu here, you'll see that there is a phpMyAdmin link
  • 5:54
    that goes to the same place as the one we just clicked.
  • 5:58
    But this is an important thing, the www directory.
  • 6:01
    This is where all of your websites live.
  • 6:04
    So let's take a look and see where that actually
  • 6:06
    is in the file structure of your computer.
  • 6:09
    I'm going to go to C. We installed in C.
  • 6:12
    So WAMP is where the WAMP installation is.
  • 6:14
    You see there's a lot of stuff in here.
  • 6:16
    This is everything for the web server to run.
  • 6:20
    The folder that we're looking for here is the www.
  • 6:23
    That's where you put all the website files.
  • 6:26
    So we pop in here.
  • 6:27
    And you see there's some stuff in here that WAMP has already set up,
  • 6:30
    that index page that you have and such.
  • 6:34
    I'm going to show how to actually add
  • 6:36
    a new test to make sure this working.
  • 6:37
    I'm going to add a new website project
  • 6:40
    that I'm going to be working on, say.
  • 6:43
    I'll just call it my site.
  • 6:45
    I'll go into that folder.
  • 6:47
    And in here, this is where my website's going to live.
  • 6:50
    So I can put my HTML or PHP or whatever in here.
  • 6:54
    So I'm going to go ahead and just open up here real quickly.
  • 6:59
    Notepad ++ I'm just going to create a very simple file called welcome
  • 7:05
    to my site, text file, not even putting HTML in there.
  • 7:08
    And then I'm going to save it in here.
  • 7:11
    Just make sure you don't save it as a .txt file.
  • 7:13
    You need to actually have it end with HTML
  • 7:16
    if it's HTML or PHP if it's PHP.
  • 7:19
    Windows can be a little funny about that.
  • 7:21
    So index.html is the name of the file.
  • 7:25
    So simple text, index of HTML.
  • 7:27
    You can see that that's in here now, right,
  • 7:29
    wamp www my site folder, for this particular site.
  • 7:34
    I'm going to click on the index.
  • 7:36
    And you can see.
  • 7:37
    Here's the whole file path.
  • 7:38
    So it's just like opening any file on my computer.
  • 7:42
    It shows the entire file path from C down.
  • 7:45
    But it shows a file.
  • 7:47
    It's a text file.
  • 7:48
    Now if we go back to the web server, go back to my WAMP page here,
  • 7:52
    you see I have a list of my projects.
  • 7:53
    It lists all the folders in the www folder.
  • 7:57
    When I click link this time, I get the page.
  • 7:59
    It's loading in the browser.
  • 8:01
    But actually loading with the URL at a local host my site.
  • 8:05
    It's not just doing a file, opening a file.
  • 8:08
    So now the web server's working.
  • 8:10
    And this under my site, local host my site,
  • 8:13
    is going to be my development site that I'm working on.
  • 8:17
    OK so now we're going to go back to main and talk about some things
  • 8:19
    we didn't talk about before.
  • 8:21
    Start all services, stop all services.
  • 8:23
    This is how you start and stop the web server.
  • 8:26
    So I click Stop.
  • 8:27
    You notice it turns red.
  • 8:28
    The icon turns red.
  • 8:29
    And if I reload my web page that I was just viewing,
  • 8:33
    it is not able to connect because the web
  • 8:34
    server is not currently running.
  • 8:36
    In order for me to get back to it, I can
  • 8:38
    start all services, all services being Apache, MySQL.
  • 8:43
    It's restarted.
  • 8:44
    It turns green.
  • 8:46
    I know it's running.
  • 8:47
    And then the website works.
  • 8:48
    So that's just something else you really need to pay attention to,
  • 8:51
    whether you actually have it turned on, or not.
  • 8:54
    So this was a quick intro to WampServer, how to install it
  • 8:56
    and some basics of using it, getting a site folder set up.
  • 9:00
    In the next video, we're also going to look at how do then tweak some
  • 9:04
    of the configuration and settings, and get into some
  • 9:07
    of the other items that are in the WampServer menu.
  • 9:10
    So, happy developing.
  • 9:12
    And see you next time.

Installing Wampserver


This video walks through the process of downloading and doing the initial configuration of WampServer, which is Apache, MySQL and PHP for Windows. It shows how to turn it on and off, as well as how to get files to show up from the localhost server.

Next up: WampServer Configuration.

If after installing WAMP you get a 404 error, make sure the server is actually running. Navigate to wampserver > apache > service > install service... opens prompt, hit enter... wampserver icon turns green.

Additional resources: 

More information on Development Environments