If you want to use PHP, you’ll need to have a server. In this tutorial, you’ll learn how to configure MAMP to set up a local server and virtual hosts.
- Set up a local “LAMP Stack” style environment –
- Be able to run multiple servers, or “virtual hosts” –
A Little About PHP
Any HTML file can be a PHP file. Take any
.html file you have right now and save it as a
.php file and try to open it. What happens?
I just did this with a basic HTML skeleton. If I had saved the file as
index.html, all I would see is “Hello, world!”. However, I saved it as
index.php and this is what I got.
Okay…it looks like the browser is treating my PHP file as a text file. All it’s doing is spitting the code right back at me. Well, that’s completely useless. How do I get it to start interpreting the code?
That’s where the LAMP stack comes in. LAMP stands for Linux, Apache, MySQL, PHP(/Python/Perl). It’s an open source bundle of software applications that creates a dynamic web server environment. There is also MAMP and WAMP, for Mac and Windows, respectively.
To get PHP to start working, we don’t need to understand how it works, anymore than you need to understand how an internal combustion engine works to drive a car. All I want at this point is my
index.php to start interpreting code and markup.
There are two parts to this process: part one is getting your local environment set up in the first place; part two is setting up virtual hosts so you can access multiple local environments at once.
Part 1: Setting up a Local Environment
There are complicated ways to go about installing each component of the LAMP stack one by one – or you can download a program that does it for you. You can think of it as the difference between building your own computer from parts or buying one that’s already put together. They both get you to the same end point, but perhaps you want extreme amounts of control or customizability. Well, we don’t.
Whether you have a PC or a Mac, just download MAMP and install it on your computer.
Once the installation is complete and you open it, you end up at a screen like this.
Now click on
Start Servers. If you’re not in the administrator account, you might be prompted for the admin password. Once it’s glowing green, everything is good to go. MAMP should open the WebStart page in a new tab in your browser. If not, you can click on
Open WebStart page and it should take you to a page like this.
If you got a page like this, congratulations. You now have a local server and can run all the PHP you want. Go to
Preferences > Web Server. Click on the folder next to document root and choose the directory you decided to place your PHP file in from earlier. Mine was
Now I’m going to go to
http://localhost:8888 in my browser. What happens?
It’s rendering the code! PHP is being parsed by all that stuff in the LAMP stack, and outputting regular HTML. But, we only had HTML to begin with. I want some sort of proof that this was all worth it. What’s something simple that HTML can’t do that PHP can?
Note for Windows users: the URL will simply be
localhost, without the :8888.
The absolute beauty of PHP is that it can be inserted anywhere into HTML. Anything that goes inside the opening tag of
<?php and the closing tag of
?> work it’s magic on your server and return HTML.
I’m going to change my “Hello, world!”.
<p>Hello, world! The year is <?php echo date('Y'); ?>.</p>
<?php echo date('Y'); ?> uses a date function to find the year. The HTML interpreted is just “2015”.
That concludes the scope of this article – learning how to set up a local server environment and being able to run PHP.
Part 2: Setting Up Virtual Hosts
In the next part, I’m going to show you how to have a multi-environment setup.Share to Twitter
Join the list and I'll keep you up to date with new posts about design and development, along with information about my future endeavors. I respect your inbox as if it were my own - no bullshit, gimmicks, or ads.