Setup Nginx Virtual Hosts, phpMyAdmin, and SSL on Arch Linux

The previous Arch Linux LEMP article just covered basic stuff, from installing network services (Nginx, PHP, MySQL, and PhpMyAdmin) and configuring minimal security required for MySQL server and PhpMyadmin.

This topic is strictly related to the former installation of LEMP on Arch Linux and will guide you through setting more complex configurations for the LEMP stack, especially Nginx web server configurations, like creating Virtual Hostsusing Protected Directories, creating and configuring HTTP Secure Sockets Layer, and HTTP insecure redirects to HTTPS.

We will also present you with some useful Bash scripts that will ease the job of activating Virtual Hosts and generating SSL Certificates and Keys.

Step 1: Enable Virtual Hosts on Nginx

One of the simplest methods to enable Nginx Virtual Hosts is by using include statements on the main Nginx configuration file, which makes the job of further configurations more simpler and efficient because you can create simple files for every new host and keep the main configuration file cleaner.

This approach works the same way as on Apache Web Server, the first thing you need to do is specify the new URI path where Nginx should read file directives.

1. So, open nginx.conf main configuration file located on /etc/nginx/ system path and at the bottom, before the last curly bracket “}” add the path where future Virtual Host configuration files will reside.

sudo nano /etc/nginx/nginx.conf

At the bottom add the following statement.

include /etc/nginx/sites-enabled/*.conf;
Enable Virtual Hosts on Nginx
Enable Virtual Hosts on Nginx

This directive tells Nginx it should read all files that are found in /etc/nginx/sites-enabled/ that ends with a .conf extension.

2. The next step is to create sites-enabled directory and another one, called sites-available, where you store all your Virtual Hosts configuration files.

sudo mkdir /etc/nginx/sites-available /etc/nginx/sites-enabled

3. Now it’s time to create a new configuration file for “tecmint.com” in the /etc/nginx/sites-available directory.

sudo nano /etc/nginx/sites-available/tecmint.com.conf

Add the following content.

server {
    listen 80;
    server_name tecmint.com www.tecmint.com;

    root /srv/www/tecmint.com;
    index index.html;

    access_log /var/log/nginx/tecmint.com.access.log;
    error_log /var/log/nginx/tecmint.com.error.log;

    location / {
        try_files $uri $uri/ =404;
    }

    location /phpMyAdmin {
        alias /usr/share/webapps/phpMyAdmin;
        index index.php;
        try_files $uri $uri/ =404;
    }

    location ~ .php$ {
        include fastcgi_params;
        fastcgi_pass unix:/run/php-fpm/php-fpm.sock;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
    }
}
Create Nginx Virtual Host Configuration
Create Nginx Virtual Host Configuration

The directive that activates Virtual Host is server_name statement under the listening port. Also, another important directive here is root statement that points to the Nginx Virtual Host to serve file content from /srv/www/tecmint.com system path.

4. The last step is to create /srv/www/tecmint.com directory and make tecmint.com.conf file configuration available for Nginx reading (using a symbolic link).

sudo mkdir -p /srv/www/tecmint.com
sudo ln -s /etc/nginx/sites-available/tecmint.com.conf /etc/nginx/sites-enabled/

5. Create a simple HTML file to serve as your website’s homepage.

sudo nano /srv/www/tecmint.com/index.html

Add the following content:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome to TecMint</title>
</head>
<body>
    <h1>Welcome to TecMint</h1>
    <p>This is a sample website hosted on Nginx.</p>
</body>
</html>

6. Next, test the Nginx configuration for syntax errors and restart Nginx to apply the changes.

sudo nginx -t
sudo systemctl restart nginx

7. To verify it, open a web browser and navigate to https://tecmint.com. You should see the sample HTML page you created.

Check Nginx Sample Website
Check the Nginx Sample Website

Step 2: Enable SSL with Virtual Hosts on Nginx

8. SSL (Secure Sockets Layer) is a protocol designed to encrypt HTTP connections over networks or the Internet, which makes data flow to be transmitted over a secure channel using symmetric/asymmetric cryptography keys and is provided in Arch Linux by certbot package.

sudo pacman -S certbot certbot-nginx
Install Certbot on Arch Linux
Install Certbot on Arch Linux

9. Next, use certbot to automatically obtain and install the SSL certificate. Replace your_domain.com with your actual domain or server IP.

sudo certbot --nginx -d tecmint.com

Certbot will automatically configure Nginx to use the obtained SSL certificate and it will also set up automatic HTTP to HTTPS redirection.

10. To verify the certificate installation and renewal setup, you can perform a dry run:

sudo certbot renew --dry-run

11. Again point your browser to Arch IP URL but this time using HTTPS protocol – https://192.168.122.87 – this time you can now see your Nginx Virtual Host serves the same content as the previous name-ip host but this time using an HTTP secure connection.

Step 3: Access PhpMyAdmin through a Virtual Host

If Virtual Host is enabled on Nginx, we no longer have access to http://localhost path contents (localhost usually serves content using the loopback IP address or system IP address it is not otherwise configured) because we have used domain “tecmint.com” as server_name so our content path has changed.

12. To access phpMyAdmin from the virtual host, you need to add allow access to the phpMyAdmin directory in your Nginx virtual host configuration file.

sudo nano /etc/nginx/sites-available/tecmint.com.conf

Add the following configuration to ensure proper access:

 location /phpMyAdmin {
        alias /usr/share/webapps/phpMyAdmin;
        index index.php;
        try_files $uri $uri/ =404;
    }

    location ~ .php$ {
        include fastcgi_params;
        fastcgi_pass unix:/run/php-fpm/php-fpm.sock;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
    }
Allow phpMyAdmin Access
Allow phpMyAdmin Access

13. The simplest method to gain access to PhpMyAdmin through the web is to create a symbolic link between /usr/share/webapps/phpMyAdmin/ path and our newly defined Virtual Host path (/srv/www/tecmint.com).

sudo ln -s /usr/share/webapps/phpMyAdmin/ /srv/www/tecmint.com/

14. After you executed the above command, refresh your page and you will see a new folder phpMyAdmin appear if autoindex statement is enabled on Nginx Virtual Host or point your URL directly to the PhpMyAdmin folder https://arch_IP/phpMyAdmin.

Access PhpMyAdmin in Arch Linux
Access PhpMyAdmin in Arch Linux

Step 4: Enable Password Protected Directory on Nginx

Unlike Apache, Nginx uses the HttpAuthBasic module to enable Password Protected Directories but doesn’t provide any tools to create an encrypted .htpasswd file.

15. To achieve directory password protection with Nginx on Arch Linux, install the Apache web server and use its tools to generate an encrypted .htaccess file.

sudo pacman -S apache

16. After you have installed Apache, create a new directory under /etc/nginx/ named intuitively passwd where .htpasswd file will be stored and use the htpasswd command with -c switch on the first added user to generate the file, then if you want to add more users use htpasswd without -c switch.

sudo mkdir /etc/nginx/passwd
sudo htpasswd -c /etc/nginx/passwd/.htpasswd first_user
sudo htpasswd /etc/nginx/passwd/.htpasswd second_user
sudo htpasswd /etc/nginx/passwd/.htpasswd third_user

17. To protect your Virtual Host’s directory, add the following directives under the server block in your Nginx configuration.

sudo nano /etc/nginx/sites-available/tecmint.com.conf

Add the following configuration.

auth_basic "Restricted Website";
auth_basic_user_file /etc/nginx/passwd/.htpasswd;
Password Protect Nginx Virtual Host
Password Protect Nginx Virtual Host

18. Next restart the Nginx service, refresh the page and an Authentication Required popup should appear demanding your credentials.

sudo systemctl restart nginx
Nginx -Virtual Host Password Protection
Nginx -Virtual Host Password Protection

Now you have successfully enabled Nginx Password Protected Directories but be aware that at the same time Apache web server is installed in your system so make sure that it stays disabled and by any means do not start it because can lead to ports conflicting with Nginx.

All of the settings presented in this article were made under an Arch Linux system that acts as a server, but most of them, especially those regarding Nginx configuration files, are available on most Linux systems with slight differences.

Similar Posts