How to install, start and test XAMPP on Mac OSX

  • google plus

In Brief...

XAMPP is a free distribution package that makes it easy to install Apache Web Server, PHP, PEAR, and MySQL. Before installing XAMPP, you should turn off any other web servers and instances of MySQL you have running on your Mac.

Take our Introduction to PHP Training course for free.

See the Course Outline and Register

Instructions

XAMPP is a free distribution package that makes it easy to install Apache Web Server, PHP, PEAR, and MySQL. Before installing XAMPP, you should turn off any other web servers and instances of MySQL you have running on your Mac.

Installing XAMPP on a Mac

  1. Download XAMPP for Mac OSX - Be sure to select the proper version of PHP. For Webucator classes, any version after 5 will be fine.
  2. Open the downloaded file (the DMG-Image).
  3. Drag and drop the XAMPP folder into your Applications folder.Installing XAMPP on a Mac

Starting XAMPP on OSX

To start XAMPP simply open XAMPP Control (by going to /Applications/XAMPP/manager-osx.app in Finder) and start Apache and MySQL on the Manage Servers tab.Starting XAMPP on a Mac

If MySQL Does Not Start

If your MySQL server isn't starting, you may need to set the permissions for it using Terminal with this command:

chmod -R 777 /Applications/XAMPP/xamppfiles/var

Testing your OSX XAMPP Installation

In your web browser, go to http://localhost. You should see the start page of XAMPP:XAMPP Start Page for OSX

Class File Permissions

  1. Cmd+click on the \Applications\XAMPP\xamppfiles\htdocs\ folder and select 'Get Info'.
  2. If the lock symbol at the bottom indicates that this information is locked, click the lock icon to unlock, and enter your user credentials.
  3. Once the settings are unlocked, choose "everyone" under "Sharing & Permissions" and change the option to "Read & Write".htdocs get info

Class Files

  1. Download the class files.
  2. After downloading the class files, navigate to \Applications\XAMPP\xamppfiles\htdocs\ and create a new folder named Webucator and extract your class files in that folder.

Setting the MySQL Password on Macs

  1. The PHP files use "pwdpwd" for the MySQL root password, while the default password is NO password.
  2. Change the password to pwdpwd by opening Terminal (Applications > Utilities > Terminal) and enter:
    
sudo /Applications/XAMPP/xamppfiles/xampp security

You will be asked to enter your Mac password; enter it and press enter. Then you will be asked if you want to set a password for your XAMPP pages, then for MySQL, and then for MySQL/phpMyAdmin user...to all of these just type 'n' for no and press enter.

Then it will say:

MySQL has no root password set
  1. Enter 'y' for "yes, let me set a password for the root user" and press Enter
  2. Enter the password pwdpwd. You will be asked to enter it again for confirmation.
  3. Quit Terminal (Cmd+Q) and restart Apache and MySQL using the XAMPP Control Panel.

Testing phpMyAdmin

  1. Go to http://localhost
  2. Click on phpMyAdmin under Tools
  3. Enter 'root' for username
  4. Enter 'pwdpwd' for password

You should be able to get in.

Installing Northwind Database using XAMPP

NOTE: you should download the class files below before following these instructions, as it contains the Northwinds Database file(s).

  1. To install the Northwind database used in class, click on the "phpMyAdmin" link on the left navigation bar of the XAMPP home page. That should take you to http://localhost/phpmyadmin.
  2. If it asks you to login, the username is root and the password is blank (unless you have already changed it to something else, like pwdpwd).
  3. On that page, click on the Import link under the Localhost heading.
  4. Browse to the Northwind-MySQL.sql file in your class files.
  5. Click the Go button on the bottom right of the page.
  6. You should get a Success message and Northwind should be added to the Database dropdown menu on the upper left of the page.

Recommended Editor

  • Visual Studio Code ( Download, Install, and Set up)
    • While you may use a different editor or IDE, Visual Studio Code is an excellent IDE to learn to code on. It provides a nice balance of power and simplicity and it is available on Windows and Mac.

Designate your testing server in Dreamweaver

NOTE: The following only applies if you are using Dreamweaver. If you are not, please ignore this section.

  1. Go to Site > New Site.
  2. In the Site Setup dialog, fill in the Site Name (e.g., PHP) and browse to the Local Site Folder (e.g., \Applications\XAMPP\xamppfiles\htdocs\).
  3. Choose the Servers tab.
  4. At the bottom of the box on the right, click +.
  5. On the Basic tab, provide a Server Name, set Connect using to Local/Network, ensure the Server Folder matches the local site folder you specified in step 2, and set the Web URL to http://localhost/Webucator/ClassFiles/.
  6. Click the Advanced button.
  7. In the Server Model field, select PHP MySQL.
  8. Click Save. The server should appear in the table on the Servers tab.
  9. Make sure that both the Remote and Testing checkboxes are checked.
  10. Click Save.

Testing PHP Files

All your class files should be located in \Applications\XAMPP\xamppfiles\htdocs\Webucator\ClassFiles\

2 Methods for Testing Files in Browser

To test any of the class files in your browser, say \Applications\XAMPP\xamppfiles\htdocs\Webucator\ClassFiles\PHPBasics\Demos\HelloWorld.php, you can use 1 of 2 methods:

Method 1:

Method 2:

  • Go to http://localhost/Webucator/ClassFiles/ in your web browser.
  • Bookmark that page in your browser for easy access to it from now on.
  • From there, you can see all the lesson folders and drill down to any class file for testing/viewing

And that's it

Happy Mac XAMPPing!

Webucator provides instructor-led training to students throughout the US and Canada. We have trained over 90,000 students from over 16,000 organizations on technologies such as Microsoft ASP.NET, Microsoft Office, XML, Windows, Java, Adobe, HTML5, JavaScript, Angular, and much more. Check out our complete course catalog.

Categories

Courses

Author: Nat Dunn

Nat Dunn founded Webucator in 2003 to combine his passion for technical training with his business expertise and to help companies benefit from both. His previous experience was in sales, business and technical training, and management. Nat has an MBA from Harvard Business School and a BA in International Relations from Pomona College.

Discuss