loading...

Locally Host Website using Apache2 Ubuntu Server

thearjun profile image Arjun Adhikari ・2 min read

Hello geeks, In this tutorial I'm guiding you how to host a simple website locally in Apache Web Server in Linux. So, let's get started.

Install Apache

First, let's install Apache from the apt repository in Linux. Enter the following command on your terminal to install the Apache web server:

sudo apt install apache2

After successful installation, here are some commands that may come handy while running Apache web server.

To start Apache 2, run:

$ sudo service apache2 start

To restart Apache 2, run:

$ sudo service apache2 restart

To stop Apache 2, run:

$ sudo service apache2 stop

To gracefully reload Apache 2, run:

$ sudo service apache2 reload

After starting the Apache Web Server, you may go into any browser and type http://127.0.0.1/ on Address Bar.
The resulting web page looks like:

Apache2 Start

The web page rendered is the default web page provided by the Apache itself. Now, we'll learn to replace by our website.

Create Website

For maintaining the simplicity, I'm creating a simple web project darkweb with the following file structure.

darkweb/
├── css
│   └── style.css
└── index.html

1 directory, 2 files

Inside index.html :

<!DOCTYPE  html>
<html  lang="en">
<head>
    <title>Website on Dark Web</title>
    <link  rel="stylesheet"  href="./css/style.css">
</head>
<body>
    <h1>This is my first web site on Dark Web.</h1>
</body>
</html>

And inside css/style.css:

body{
    margin: 0px;
    color: red;
    background-color: darkslateblue;
}

which results to form a webpage like :

Sample Website

Host Website on Apache Web Server

Going through the default configuration provided by the Apache, we're going to add website we just created to the Apache web server.

Assuming our web project name is darkweb, let's move the project to /var/www/html.

$ sudo mv darkweb/ /var/www/html

Now, we've hosted our website on Apache Web Server. To access the website from the Apache, first start the Apache Web Server:

$ sudo service apache2 start

And type http://127.0.0.1/darkweb/ on address bar on your browser. Now, you should see the website we just created on the browser. Here, my project name was darkweb, but the generalized URL for accessing your project is http://127.0.0.1/YOUR_PROJECT_NAME/.

After hosting on Apache, the website looks like:

result

I hope that now you're able to host website on Apache web server.

In next tutorial of this series, I'll be guiding you through how to install SSL certificate on Apache2 Ubuntu Server.

Till then, keep coding :)

Posted on by:

thearjun profile

Arjun Adhikari

@thearjun

I am a software engineer, student, and web developer currently living in Pokhara, Nepal. My interests range from design to technology. I am also interested in entrepreneurship, reading, and cycling.

Discussion

markdown guide