Scribd
Upload
9 views

Setting Your Local Server

Uploaded by

Josh Penascosas
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
9 views

Setting Your Local Server

Uploaded by

Josh Penascosas
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

INSTALLING LOCAL SERVER

(XAMPP / WAMPP)
Prepared by EJ Antonio, MEng

Requirements

As we start setting up your local server, you need the following:


§ Machine (Windows / MacOS )
§ XAMPP Installer (or its equivalent)
Installer can be downloaded on the links provided below.

Setting-up the Local Server

Setting up a locally-hosted environment is a crucial step in any web development project. Doing
this enables you to safely test your site’s features and functionality, on a site that’s completely
private.

In this module, we’ll explore how to use XAMPP to set up a local web server for developing and
executing your web applications. This involves three steps:

§ Installing XAMPP.
§ Running XAMPP and configuring your environment.
§ Executing your web applications

Introduction to XAMPP

If you want to mount WordPress locally you need a few key components. Which include web
server applications (such as Apache), programming languages such as Perl and PHP, and the
tools for database administration – MySQL. However it is time-consuming and difficult to mount
each of these components separately, and XAMPP is to the rescue.

XAMPP (a cross (x)-platform, Apache, MySQL, PHP, and Perl acronym) helps you to quickly and
easily install all of these components. You will then use XAMPP to install the configuration
required to run WordPress on a local computer. You can test plugins there, play with themes and
coding and execute other programming tasks in a secure manner.

XAMPP is free , open-source software, backed up by a large community of support.

Prepared by EJ Antonio
Installing XAMPP

Machine operating system (OS) is not an issue in installing XAMPP since it’s a cross-platform
application. There might be a little bit difference in installing the application. We’ll provide guide
for MacOS and Windows. To install XAMPP, be guided with the following steps:

Step 1: Download XAMPP

First of all, you need to go to the website of Apache Friends (www.apachefriends.org) and
select the correct download button on the homepage:

Step 2: Install XAMPP

Windows: Double-click on the downloaded installer file and follow the installations instructions.

Prepared by EJ Antonio
Prepared by EJ Antonio
Prepared by EJ Antonio
MacOS: Next, drag XAMPP into your Applications folder and follow the installations instructions.

Upon completion of the initial load sequence XAMPP will be mounted on your device.

Note: If an error exists in port configuration, see Appendix A.

Prepared by EJ Antonio
Step 3: Running XAMPP and Configuring its Environment

Windows: Run the XAMPP as Administrator. See figure below :

Start the Apache and MySQL, the rest are not needed for now. See figure below.

Prepared by EJ Antonio
Make sure that all of your services are running [General – Services – Network Port]

You should be able to see the status of your server – green (running / started) ; yellow status
(busy); and red status (not running / stopped)

Prepared by EJ Antonio
MacOS:

To access your file explorer, mount your files by clicking on “mount”. You can access your files by
clicking “Explore” or by clicking on your file Explorer.

Prepared by EJ Antonio
Now you can access your localhost, and continue using XAMPP as a server environment. To do
this, open your preferred web browser, and enter your localhost name (which would be
localhost:8080 in our case). That will light up the dashboard for XAMPP as shown below.

That’s it for XAMPP. You made it. Great Job!

-----------------------

That’s all now.

Since you made it, you deserve an Iced Cold Coffee. Have a break for now!

References:
https://www.hostinger.ph/tutorials/how-to-use-xampp-wordpress/

Prepared by EJ Antonio
Appendix A: Port Error Fixes

It should be mentioned that if you are running XAMPP on Windows, and another program on
your machine is using ports 80 or 443, you may encounter a port error. For example, the World
Wide Web Publishing Service program commonly uses port 80 and may cause a conflict with
XAMPP.

To resolve this, you’ll need to stop that service from running by doing the following things:

1. Navigate to the Windows Start menu, and type in services.msc.


2. In the Services window, locate World Wide Web Publishing Service.
3. Right click on it, and select the Stop button.
4. Restart XAMPP. The port error will be resolved if World Wide Web Publishing Service was
the culprit.

If this doesn’t resolve the issue, it may be caused by your Windows firewall. To forcibly unlock
your ports, you will need to set up a new firewall rule:

1. Open up Windows Firewall and navigate to Advanced Settings.


2. Go to Inbound > New Rule.
3. Go to Port > TCP. You’ll have to type 80,443 in the field labelled Specific Ports, then click
on Next.
4. Select Allow the Connection, then click on Next again.
5. Make sure all listed options are checked and continue to the next page.
6. In the Name field, type in a memorable name (such as host1) and select Finish.
7. You’ll now need to repeat steps 1 to 6, changing the name again (i.e. to host2) to clear
the port.
8. Restart your computer. Ports 80 and 443 should now be unblocked and open locally.

Once XAMPP is installed, you’ll be all set to start running XAMPP

Prepared by EJ Antonio

You might also like