How to install a website locally from a PC by using XAMPP sever?

XAMPP stands for Cross-Platform (X), Apache (A), MySQL (M), PHP (P) and Perl (P). It is a simple, lightweight Apache distribution that makes it extremely easy for developers to create a local web server for testing purposes.

XAMPP has four primary components. These are:

1. Apache: Apache is the actual web server application that processes and delivers web content to a computer. Apache is the most popular web server online, powering nearly 54% of all websites.

2. MySQL: Every web application, howsoever simple or complicated, requires a database for storing collected data. MySQL, which is open source, is the world’s most popular database management system. It powers everything from hobbyist websites to professional platforms like WordPress. 

3. PHP: PHP stands for Hypertext Preprocessor. It is a server-side scripting language that powers some of the most popular websites in the world, including WordPress and Facebook. It is open source, relatively easy to learn, and works perfectly with MySQL, making it a popular choice for web developers.

4. Perl: Perl is a high-level, dynamic programming language used extensively in network programming, system admin, etc. Although less popular for web development purposes, Perl has a lot of niche applications.

Different versions of XAMPP may have additional components such as phpMyAdmin, OpenSSL, etc. to create full-fledged web servers.

How to Install XAMPP?

Head over to XAMPP for Windows homepage on ApacheFriends.org. Here, you will find multiple versions of XAMPP.

You can download the XAMPP installer from Sourceforge here (102MB).

Installing XAMPP

Follow these steps for installing XAMPP:

Step 1: Disable your anti-virus as it can cause some XAMPP components to behave erratically.

Step 2: Disable User Account Control (UAC). UAC limits write permissions to XAMPP’s default installation directory (c:/Program Files/xampp), forcing you to install in a separate directory. You can learn how to disable UAC here. (Optional)

Step 3: Start the installation process by double-clicking on the XAMPP installer. Click ‘Next’ after the splash screen.

Step 4: Here, you can select the components you want to install. Choose the default selection and click ‘Next’.

Step 5: Choose the folder you want to install XAMPP in. This folder will hold all your web application files, so make sure to select a drive that has plenty of space.

Step 6: The next screen is a promo for BitNami, an app store for server software. Deselect the ‘Learn more about BitNami for XAMPP’ checkbox, unless you actually enjoy receiving promo mails!

Step 7: Setup is now ready to install XAMPP. Click Next and wait for the installer to unpack and install selected components. This may take a few minutes. You may be asked to approve Firewall access to certain components (such as Apache) during the installation process.

Step 8: Installation is now complete! Select the ‘Do you want to start the Control Panel now?’ checkbox to open the XAMPP control panel.

Understanding XAMPP Control Panel

The XAMPP control panel gives you complete control over all installed XAMPP components. You can use the CP to start/stop different modules, launch the Unix shell, open Windows explorer and see all operations running in the background.

Here is a quick overview of the Control Panel. For now, you only need to know how to start and stop an Apache server.

Testing Your XAMPP Installation

Follow these steps to test your XAMPP installation by launching the Apache web server and creating a simple PHP file.

Step 1: In the XAMPP control panel, click on ‘Start’ under ‘Actions’ for the Apache module. This instructs XAMPP to start the Apache webserver.

Step 2: Open your web browser and type in: http://localhost or 127.0.0.1

Step 3: Select your language from the splash screen.

Step 4: You should see the following screen. This means you’ve successfully installed XAMPP on your computer.

Step 5: We will now test whether XAMPP has installed PHP successfully. To do this, fire up Notepad and type the following into a new document:

<?php

   echo ‘Hello world’;

?>

Save this file as ‘test.php’ in c:\xampp\htdocs\ (or whichever directory you installed XAMPP in).

Step 6: Navigate to localhost/test.php. You should see the “Hello World” message:

Congratulations! You have now successfully installed XAMPP and even written your very first PHP program. You can now use your local Apache webserver to create and test complex PHP web apps, fiddle around with MySQL and even learn how actual web servers work with Tomcat, FileZilla, OpenSSL, and more. 

As always, we’d love to hear your thoughts and opinions on web development using XAMPP in the comments below!