Map Subdomain with Web Application

For mapping subdomain with Web app we need to creating DNS entry through Domain Service Provider account for linking subdomain and server and then we need to create a virtual host configuration for telling web server to direct all requests on subdomain to our web app.

If you would like to watch me doing that then you can watch it here as well.

Let’s first start with creating a virtual host on apache.

For that, SSH on your Server.

Make sure you have root access. Switch to root user.

sudo su root

Go to apache site configurations directory

cd /etc/apache2/sites-available

Create a new configuration file for your site.

nano app.example.com.conf

Configure virtual host like this. Make sure that the path in document root and directory should be the path of your web app directory containing index file.

<VirtualHost *:80>
        ServerAdmin admin@example.com
        ServerName  app.example.com
        ServerAlias www.app.example.com
        DocumentRoot /var/www/example_app

        ErrorLog ${APACHE_LOG_DIR}/app.example.com-error.log
        CustomLog ${APACHE_LOG_DIR}/app.example.com-access.log combined

        <Directory /var/www/example_app/>
                Options Indexes FollowSymLinks MultiViews
                AllowOverride All
                Order allow,deny
                allow from all
                Require all granted
        </Directory>
</VirtualHost>

Save the file.

Enable site configuration.

a2ensite app.example.com.conf

Reload web server.

service reload apache2

Go to your domain service provider.

Open DNS Settings page.

Add a new A type Record with your subdomain and IP address of your server.

Wait for some time. Usually it gets live within few hours but depending upon your domain service provider, it may take unto 48 hours.

That’s it!

You can now access your web app using your subdomain.

Originally published at https://dev.to on May 21, 2020.