<p>An apache2 web server provides robustness and scalability for hosting multiple websites on your Ubuntu VPS. This means you can utilize the power of your VPS hardware without any downtime on your website.</p>
<p>We can configure apache2 to host multiple websites on the same VPS. To achieve this using apache, we create virtual hosts corresponding to each domain or individual site. A virtual host is a way to direct traffic corresponding to an IP to a specific directory on our VPS. This way we will be able to host multiple websites on a single Ubuntu server.</p>
<p>&lt;|AD|&gt;</p>
<h2>How to setup a virtual host in apache2</h2>
<p>If you haven't already installed apache2, you can do so by entering the below command in the ubuntu terminal</p>
<pre class="language-bash"><code>sudo apt install apache2</code></pre>
<p><img src="https://api.codewithharry.com/media/blogFiles/host-multiple-websites-ubuntu-vps/1.png" width="699" height="356" /></p>
<p>Assuming you have apache2 installed on your machine, all you need to do now is to follow the steps outlined in the next section to host multiple websites. For the sake of this tutorial, I will assume that we have to host 2 websites codewithharry.com and programmingwithharry.com on our ubuntu VPS. We will point the domains to the IP address of our droplets. Here is how A record is set up in GoDaddy.</p>
<p><img src="https://api.codewithharry.com/media/blogFiles/host-multiple-websites-ubuntu-vps/7.PNG" width="702" height="443" /></p>
<p>The process is pretty similar for other domain providers</p>
<p>Let's set up our virtual hosts now</p>
<p>&lt;|AD|&gt;</p>
<h3>Step 1 - Creating Directories for individual sites</h3>
<p>Let's create individual directories to store the contents of codewithharry.com and programmingwithharry.com. Execute the commands below to create these directories inside the /var/www folder</p>
<pre class="language-bash"><code>sudo mkdir -p /var/www/codewithharry.com/
sudo mkdir -p /var/www/programmingwithharry.com/
</code></pre>
<h3><img src="https://api.codewithharry.com/media/blogFiles/host-multiple-websites-ubuntu-vps/2.png" width="727" height="95" /></h3>
<h3>Step 2 - Transfer the site contents</h3>
<p>Transfer the index.html and related files to the individual site directories using Filezilla</p>
<h3>Step 3 - Creating the VirtualHost files</h3>
<p>Create a new file inside the /etc/apache2/sites-available/ directory by firing the following commands below:</p>
<pre class="language-bash"><code> sudo vim /etc/apache2/sites-available/codewithharry.com.conf</code></pre>
<p><img src="https://api.codewithharry.com/media/blogFiles/host-multiple-websites-ubuntu-vps/4.PNG" width="738" height="110" /></p>
<p>Once the codewithharry.com.conf file is created. paste the below contents inside it</p>
<pre class="language-markup"><code>&lt;VirtualHost *:80&gt;
    ServerName codewithharry.com
    ServerAdmin yourPublicEmail@email.com
    DocumentRoot /var/www/codewithharry.com
    ErrorLog ${APACHE_LOG_DIR}/error.log
    CustomLog ${APACHE_LOG_DIR}/access.log combined
&lt;/VirtualHost&gt;</code></pre>
<p><img src="https://api.codewithharry.com/media/blogFiles/host-multiple-websites-ubuntu-vps/3.PNG" width="803" height="440" /></p>
<p>&lt;|AD|&gt;</p>
<p>Repeat the same for programmingwithharry.com by executing the command below:</p>
<pre class="language-bash"><code> vim /etc/apache2/sites-available/programmingwithharry.com.conf</code></pre>
<p>and paste the below contents:</p>
<pre class="language-markup"><code>&lt;VirtualHost *:80&gt;
    ServerName programmingwithharry.com
    ServerAdmin yourPublicEmail@email.com
    DocumentRoot /var/www/programmingwithharry.com
    ErrorLog ${APACHE_LOG_DIR}/error.log
    CustomLog ${APACHE_LOG_DIR}/access.log combined
&lt;/VirtualHost&gt;</code></pre>
<h3>Step 4 - Enable the VirtualHosts</h3>
<p>In order for these virtual host files to function correctly, we need to enable them.</p>
<p>Enter the directory where we have created virtual hosts:</p>
<pre class="language-bash"><code>cd /etc/apache2/sites-available/</code></pre>
<p><img src="https://api.codewithharry.com/media/blogFiles/host-multiple-websites-ubuntu-vps/5.PNG" width="555" height="72" /></p>
<p>Execute the following commands to enable the virtual hosts:</p>
<pre class="language-bash"><code>sudo a2ensite codewithharry.com.conf
sudo a2ensite programmingwithharry.com.conf</code></pre>
<p>Finally, you will have to restart the apache server:</p>
<pre class="language-bash"><code>sudo service apache2 restart</code></pre>
<h3><img src="https://api.codewithharry.com/media/blogFiles/host-multiple-websites-ubuntu-vps/6.PNG" width="651" height="201" /></h3>
<h3>Step 5 - Test the configuration</h3>
<p>Test the configuration of these virtual hosts by visiting your domains. You can configure as many virtual hosts as you want for your domains and this technique can help you power many websites on a single VPS.</p>
<p>Hope this will help you host your websites and save some money on VPS. Happy Coding!</p>

How to Host Multiple Websites on Ubuntu VPS?

Add a new comment