DEV Community: Mohammad Anisur Rahman

How To Deploy a Django Application with Apache2 on Ubuntu in AWS EC2 instance?

Mohammad Anisur Rahman — Fri, 21 Apr 2023 14:11:31 +0000

In this tutorial, you’ll deploy a Django application on Ubuntu EC2 instance running Apache2 step by step.

Prerequisites

Install apache2

~ sudo apt update

~ sudo apt install apache2

~ sudo service apache2 start

Apache Error watch

~ watch tail -n 15 /var/log/apache2/error.log

Check python version

~ python3 –version

Install pip

~ sudo apt install python3-pip

~ sudo apt install python3-venv

Create project directory

~ mkdir demo

Change the ownership to ubuntu. Example:

~ sudo chown -R ubuntu:ubuntu demo

~ sudo chmod 777 demo

~ sudo chmod 755 /home/<user>

Add GitHub Repository. If you need generate SSH key for GitHub, you can visit this link.

~ git init

~ git remote add origin repository_link

~ git pull origin main

Change the ownership of the media directory. Example:

~ sudo chown -R www-data:www-data demo/media

Create virtual env at demo

~ cd demo

~ python3 -m venv env

~ source env/bin/activate #Activate virtual env

Install packages

~ pip3 install -r requirements.txt

Apache Server Configurations

Make a demo.conf file on /etc/apache2/sites-available and configure following way

<VirtualHost *:80>
    ServerAdmin webmaster@localhost
    ServerName example.com
    ServerAlias www.example.com
    DocumentRoot /home/ubuntu/demo
    <Directory /home/ubuntu/demo>
        AllowOverride all
        Require all granted
        Options FollowSymlinks
        Allow from all
    </Directory>

    Alias /media /home/ubuntu/demo/media
    Alias /static /home/ubuntu/demo/static

    <Directory /home/ubuntu/demo/static>
        Require all granted
    </Directory>

    <Directory /home/ubuntu/demo/media>
    Require all granted
    </Directory>

    <Directory /home/ubuntu/demo/demo>
        <Files wsgi.py>
            Require all granted
        </Files>
    </Directory>


    WSGIDaemonProcess demo python-path=/home/ubuntu/demo python-home=/home/ubuntu/demo/env
    WSGIProcessGroup demo
    WSGIScriptAlias / /home/ubuntu/demo/demo/wsgi.py

</VirtualHost>

Make migrate and collect static

~ source env/bin/activate

~ python3 manage.py makemigrations

~ python3 manage.py migrate

~ python3 manage.py collectstatic

Change permission and ownership

~ sudo chmod 664 db.sqlite3

~ sudo chown :www-data db.sqlite3

~ sudo chown :www-data demo

~ sudo chown :www-data demo/demo

Enable apache site configuration file

~ sudo a2ensite demo.conf

~ sudo a2dissite default.conf

Install wsgi mod in apache

~ sudo apt-get install libapache2-mod-wsgi-py3

~ sudo a2enmod wsgi

~ sudo service apache2 restart

Apache Server log

~ watch tail -n 15 /var/log/apache2/error.log

Done! Now you can browse your application with the domain name.

How to Set Up SSH Keys for GitHub on Ubuntu EC2 Instance

Mohammad Anisur Rahman — Thu, 20 Apr 2023 18:57:03 +0000

In this tutorial, you learn how to generate SSH key for GitHub and clone your GitHub repository in AWS ubuntu server with SSH command.

Generate SSH key and add the SSH key

~ ssh-keygen -t ed25519 -C "your_email@example.com"

~ eval "$(ssh-agent -s)"

~ ssh-add ~/.ssh/id_ed25519

Copy the newly generated SSH Key and add the SSH key to your GitHub account.

~ cat ~/.ssh/id_ed25519.pub

Now you can initialize git in your project directory and add GitHub repository with SSH command. And you can manage the code with git command.

How To Deploy a React / Next.js Application with Apache2 on Ubuntu in AWS EC2 instance?

Mohammad Anisur Rahman — Thu, 20 Apr 2023 18:32:47 +0000

In this tutorial, you’ll deploy a React / Next.js application on Ubuntu EC2 instance running Apache2. You’ll deploy an application using GitHub repository, use an Apache2 config file to determine where to deploy files, and securely run with apache2 proxy server. By the end of this tutorial, you’ll be able to build and deploy a React application.

Prerequisites

You need a ubuntu ec2 instance in AWS server
First Install nvm and start to Install Node with nvm

~ sudo apt-get update

~ sudo curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash

Activate the nvm

~ . ~/.nvm/nvm.sh

Install Node.js with nvm and check the version.

~ nvm install node

~ node -v

Install PM2 to manage proxy server

~ npm i -g pm2

Now you need to create a project directory and change the ownership to ubuntu and give permission to initialize a git repository.

Make a directory and change the ownership to ubuntu

  ~ sudo mkdir project_name 

  ~ sudo chown -R ubuntu:ubuntu directory_name

  ~ sudo chmod 777 DIR_NAME cd DIR_NAME  # change permission

Add your Github Repository in your project. If you want to generate SSH key for GitHub check the link.

~ cd project_directory #go to your project directory

~ git init

~ git remote add origin repository_path #add your repo path

~ git pull origin main

Finally, you are ready to build the project and run it with proxy server.

For development mode with next.js application


~ pm2 start npm --name "project_name" -- run dev

For production mode [React / Next.js] - Start or Run node server with pm2


~ npm run build

~ pm2 start npm --name "project_name" -- start 

~ pm2 start npm --name "project_name" -- start -- --port=3001 #Start project with specific port if needed

See logs at

~ nano /.pm2/logs/XXX-err.log

For watching file changes, add below flag with start command

--watch Synchronous

Save the proxy server


~ pm2 save ***

~ pm2 startup

At the end, to deploy the application, you need to configure the Apache server.

Apache Server Configuration

First enable the Proxy Server

~ sudo a2enmod proxy

~ sudo a2enmod proxy_http

Restart the Apache server

~ sudo service apache2 restart

Error log command

~ tail -10 /var/log/apache2/error.log

Make .conf file and configure with your domain on /etc/apache2/sites-available/

~ sudo nano example.conf

Paste the following configurations and update with your own way.

<VirtualHost *:80>
    ServerName domain.com
    ServerAlias www.domain.com
    ProxyRequests Off
    ProxyPreserveHost On
    ProxyVia Full
    <Proxy *>
        Require all granted
    </Proxy>
    ProxyPass / http://127.0.0.1:3000/
    ProxyPassReverse / http://127.0.0.1:3000/ 
</VirtualHost>

Enable the newly created .conf file and disable the default one.

~ sudo a2ensite example.conf

~ Sudo a2dissite default.conf

Restart the server

~ sudo service apache2 restart

Done! Now you can browse your application with the domain name.