Thursday, July 30, 2020

Deploy Aplikasi Django di AWS EC2 Bagian 2

Pada tulisan ini akan membahas mengenai setting file static sehingga tampilan web kita menampilkan css sesuai dengan yang diharapkan, Misal saat menampilkan halaman admin masih terlihat seperti gambar dibawah.


Langkah yang dilakukan untuk mengatasi hal tersebut adalah sebagai berikut:

  • Masuk ke ec2 kita dangan menggunakan Git Bash
  • Masuk ke folder virtualenv dan jalankan virtualenv

          ubuntu@ip-172-31-5-17:~$ cd django1
    ubuntu@ip-172-31-5-17:~/django1$ source venv/bin/activate
    (venv) ubuntu@ip-172-31-5-17:~/django1$ cd geodjango1-okus/

  • Jika terdapat perubahan di repository kita maka lakukan pull, ganti <remote> dengan alamat repository github kita

         (venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ git pull <remote>

  • Reload supervisor

    (venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ sudo supervisorctl reload
    Restarted supervisord
    (venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ sudo systemctl reload nginx
  • Setting nginx
   (venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ sudo nano /etc/nginx/sites-enabled/django.conf

  • Tambahkan kode di file django.conf . Untuk lokasi file static sesuaikan dengan lokasi folder static anda.
 location /static/ {
        autoindex on;
        alias /home/ubuntu/django1/geodjango1-okus/static/;
}

  • Lakukan perintal collectstatic
    (venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ ls
README.md  app.sock  db.sqlite3  django1  djangoapp1  manage.py  static
    (venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ python manage.py collectstatic

  • Terakhir buka halaman admin kita, yaitu  <DNS Public>/admin silahkan cek apakah css untuk admin tampak sesuai bekerja seperti terlihat pada gambar di bawah

Oke sampai disini kita telah berhasil secara umum untuk deploy aplikasi django di server ec2. Selanjutnya tinggal melakukan penambahan kode program atau pull perubahan dari aplikasi dari repository kita.

Semoga bermnafaat. @wawanhn

Tuesday, July 28, 2020

Memperbaiki Error Saat Mengirim Email berbasis Gmail dalam Aplikasi Django

Memperbaiki Error Saat Mengirim Email berbasis Gmail dalam Aplikasi Django

Sebelumnya saya telah share cara kirim email dalam aplikasi django,


studi kasus dalam pendaftaran user ke website dan aplikasi mengirim email link aktivasi untuk mengaktifkan user. Namun terdapat masalah ketika dalam contoh tersebut kita menggunakan email google sebagai server pengirim email.

Error yang muncul bisanya misalanya :

smtplib.SMTPAuthenticationError: (534, b'5.7.14 <https://accounts.google.com/signin/continue?sarp=1&scc=1&plt=AKgnsbt\n5.7.14 GeKrdT8sPh6mA6SKjOjzGWbPhMfIOmYXl6c0z3nRFFL6r3FsF0lsMV-mu7OM\n5.7.14 _6yBvxJs3RUxsotz7oqs5RqL2OhMnnNzpxu5YDV5rtGj6vAtOf9zl-OzW9RboWBY>\n5.7.14 Please log in via your web browser and then try again.\n5.7.14 Learn more at\n5.7.14 https://support.google.com/mail/answer/78754 128sm2269578wmz.43 - gsmtp')

Hal tersebut terjadi karena kita menggunakan email gmail untuk melakukan pengiriman email dari aplikasi pihak ketiga, sehingga dianggap operasi yang dilakukan tersebut adalah ilegal.

Untuk mengatasi hal tersebut maka lakukan 2 langkah:

  • Setting Allow less secure apps menjadi on
  • Membuat App password
Setting Allow les secure silahkan klik link Allow less secure app, masuk ke google akun Anda lalu rubah menjadi on



Membuat App password, langkahnya sebagai berikut:
  • Login ke google akun,
  • Lalu klik Manage your Google Account,
  • Pilih menu Security,
  • Lalu pada bagian Sign into Google, klik App passwords. Jika menu App password belum ada maka Anda belum mengaktifkan menu 2-Step Verification. Silahkan aktifkan dulu bagi yang belum.
  • Selahkan generate password untuk aplikasi kita, set select app dan select divece pilih other (custom name) dan masukan alamat aplikasi django kita, lalu generate.

  • Setelah itu maka kita mendapatkan 16 digit password yang akan digunakan untuk mengirim email dari aplikasi django, silahkan masukan password tersebut menggantikan EMAIL_HOST_PASSWORD di file settings.py.

Silahkan coba kirim email lagi dan berhasil... Semoga tulisan sederhana ini bermanfaat dan terima kasih sudah meluangkan waktu membaca tulisan ini. @wawanhn

  1. Turn on gmail 2-factor
  2. Generate the app specific password

Allow less secure apps

Sunday, July 26, 2020

Membuat Aplikasi Mengirim Link Aktivasi ke Email Menggunakan Django

Membuat Aplikasi Mengirim Link Aktivasi ke Email Menggunakan Django

Django merupakan salah satu framework berbasis python yang paling populer, dengan dukungan komunitas yang besar dan penggunaan yang sangat banyak tidak heran framework ini menjadi salah satu framework terbaik saat ini dan mungkin di masa depan yang berbasis python.

Saat ini saya akan berbagi bagaimana mengirim email menggunakan django. Langkah yang dilakukan adalah sebagai berikut:
  • Install django.
  • Buat project dan aplikasi. 
  • Pada file settings.py di folder project masukan seting untuk email
EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'  
MAILER_EMAIL_BACKEND = EMAIL_BACKEND  
EMAIL_HOST = 'smtp.gmail.com'  
EMAIL_HOST_PASSWORD = '<Password>'  
EMAIL_HOST_USER = '<user gmail>'  
EMAIL_PORT = 587
EMAIL_USE_SSL = True  
DEFAULT_FROM_EMAIL = EMAIL_HOST_USER
  • Kemudian buka shell python
(venv) E:\Python\py_movie_api>python manage.py shell
Python 3.8.5 (tags/v3.8.5:580fbb0, Jul 20 2020, 15:57:54) [MSC v.1924 64 bit (AMD64)] on win32
Type "help", "copyright", "credits" or "license" for more information.
(InteractiveConsole)
>>> from django.core.mail import send_mail
>>> send_mail('subject', 'here is the message.', 'okuselatan2020@gmail.com',['wawanhn@gmail.com'],fail_silently=False,)
1


  • Pada gambar di atas terlihat satus setelah kita mengirim email adalah 1, yang artinya kita sukses mengirim email. Silahkan cek email dan pastikan pesan sudah diterima.
  • Buat folder templates/accounts di folder project kita, lalu buat file signup.html
<!DOCTYPE html>  
    <html lang="en">  
    <head>  
        <title>Signup</title>  
        <meta charset="utf-8">  
        <meta name="viewport" content="width=device-width, initial-scale=1">  
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">  
    </head>  
    <body><div class="container" style="margin-top: 50px;">  
        <div class="row justify-content-center">  
            <div class="col-md-5 shadow-sm p-3 mb-5 bg-white rounded">  
                <h2>Signup</h2>  
                <form method="post">  
                    {% csrf_token %}  
                    <div class="form-group">  
                        <label for="first_name">First Name:</label>  
                        <input type="text" class="form-control" id="first_name" placeholder="Enter first name"  
      name="first_name">  
                    </div>  
                    <div class="form-group">  
                        <label for="last_name">Last Name:</label>  
                        <input type="text" class="form-control" id="last_name" placeholder="Enter last name"  
      name="last_name">  
                    </div>  
                    <div class="form-group">  
                        <label for="username">Username:</label>  
                        <input type="text" class="form-control" id="username" placeholder="Enter username" name="username">  
                    </div>  
                    <div class="form-group">  
                        <label for="email">Email:</label>  
                        <input type="email" class="form-control" id="email" placeholder="Enter email" name="email">  
                    </div>  
                    <div class="form-group">  
                        <label for="pwd1">Password:</label>  
                        <input type="password" class="form-control" id="pwd1" placeholder="Enter password" name="password1">  
                    </div>  
                    <div class="form-group">  
                        <label for="pwd2">Confirm Password:</label>  
                        <input type="password" class="form-control" id="pwd2" placeholder="Reenter password"  
      name="password2">  
                    </div>  
                    <button type="submit" class="btn btn-primary">Submit</button>  
                </form>  
            </div>  
        </div>  
    </div>
</body>  
</html>
  • Buat file baru acc_active_email.html dalam forlder templates/accounts
{% autoescape off %}  
Hallo {{ user.username }},  
Silahkan konfirmasi link pendaftaran di email Anda,http://{{ domain }}{% url 'activate' uidb64=uid token=token %}  
Jika ini bukan amda, silahkan abaikan email ini.  
{% endautoescape %}
  • Masukan kode ini di file urls.py di folder aplikasi
from django.urls import path  
from accounts import viewsurlpatterns = [  
        path('signup/', views.signup, name="signup"),  
        path('activate/<uidb64>/<token>/',views.activate, name='activate'),  
]
  • Buat file forms.py di folder aplikasi
from django.contrib.auth.forms import UserCreationForm  
from django.contrib.auth.models import Userclass SignUpForm(UserCreationForm):  
        class Meta:  
            model = User  
            fields = ('email', 'first_name', 'last_name', 'username')
  • Buat file tokens.py di folder aplikas. Dengan catatan perintah from django.utils import six jika menggunakan django versi 3 keatas dibuat komentar, namun jika menggunakan django versi 2 komentarnya dibuang
from django.contrib.auth.tokens import PasswordResetTokenGenerator
#from django.utils import six
class AccountActivationTokenGenerator(PasswordResetTokenGenerator):
def _make_hash_value(self, user, timestamp):
return (
six.text_type(user.pk) + six.text_type(timestamp) +
six.text_type(user.is_active)
)
account_activation_token = AccountActivationTokenGenerator()
  • Masukan kode kedalam file views.py di folder aplikasi
from django.contrib.auth import get_user_model
from django.contrib.auth.models import User
from django.contrib.auth.tokens import default_token_generator
from django.contrib.sites.shortcuts import get_current_site
from django.core.mail import EmailMessage
from django.http import HttpResponse
from django.shortcuts import render
from django.template.loader import render_to_string
from django.utils.encoding import force_bytes
from django.utils.http import urlsafe_base64_encode, urlsafe_base64_decode

UserModel = get_user_model()
from .forms import SignUpForm
from .tokens import account_activation_token


def signup(request):
if request.method == 'GET':
return render(request, 'accounts/signup.html')
if request.method == 'POST':
form = SignUpForm(request.POST)
# print(form.errors.as_data())
if form.is_valid():
user = form.save(commit=False)
user.is_active = False
user.save()
current_site = get_current_site(request)
mail_subject = 'Activate your account.'
message = render_to_string('accounts/acc_active_email.html', {
'user': user,
'domain': current_site.domain,
'uid': urlsafe_base64_encode(force_bytes(user.pk)),
'token': default_token_generator.make_token(user),
})
to_email = form.cleaned_data.get('email')
email = EmailMessage(
mail_subject, message, to=[to_email]
)
email.send()
return HttpResponse('Please confirm your email address to complete the registration')
else:
form = SignUpForm()
return render(request, 'accounts/signup.html', {'form': form})


def activate(request, uidb64, token):
try:
uid = urlsafe_base64_decode(uidb64).decode()
user = UserModel._default_manager.get(pk=uid)
except(TypeError, ValueError, OverflowError, User.DoesNotExist):
user = None
if user is not None and default_token_generator.check_token(user, token):
user.is_active = True
user.save()
return HttpResponse('Thank you for your email confirmation. Now you can login your account.')
else:
return HttpResponse('Activation link is invalid!')
  • Set direktori untuk templates di file settings.py
TEMPLATES = [
    {
        'BACKEND''django.template.backends.django.DjangoTemplates',
        'DIRS': [
            os.path.join(BASE_DIR, 'templates'),
        ],
        'APP_DIRS'True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]
  • Silahkan buka web anda, dengan alamat <website>/signup/. maka akan tampil halaman untuk signup

  • Setelah sign up, jika kita masukan data dengan benar maka akan mengirim link aktivasi ke email.
  • Silahkan cek email lalu klik link aktivasi, dan coba login ke dalam aplikasi anda lagi.

Selamat kita sudah bisa buat aplikasi django yang mengirim email link aktivasi saat pendaftaran dalam web kita... Terima kasih semoga bermanfaat. @wawanhn

Jika ingin mendapatkan tulisan ini dalam bentuk pdf, silahkan klik disini

Referensi:


Thursday, July 23, 2020

Deploy Aplikasi Django di AWS EC2 Bagian 1


Amazon Elastic Compute Cloud (Amazon EC2) adalah layanan web yang memberikan kapasitas komputasi yang aman dan berukuran fleksibel di cloud. Amazon EC2 dirancang untuk membuat komputasi cloud berskala web lebih mudah bagi pengembang. Antarmuka layanan web sederhana Amazon EC2 memungkinkan Anda mendapatkan dan mengonfigurasi kapasitas dengan friksi minimal. Amazon EC2 memberikan Anda kendali penuh sumber daya komputasi dan memungkinkan Anda bekerja di lingkungan komputasi Amazon yang telah terbukti [1].

Pada tulisan ini saya akan mencoba berbagi untuk melakukan deploy aplikasi django dengan menggunakan EC2 di AWS. Langkah yang dilakukan adalah sebagai berikut:


  • Buka website AWS dan masuk ke halaman untuk membuat instance dengan EC2 dihalaman ini dan lakukan login, sampai tampil halaman seperti di bawah kemudian klik Launch instance.

  • Pilih Amazon Machine Image (AMI). misal dalam contoh ini saya akan menggunakan Ubuntu Server 18.04 LTS (HVM), SSD Volume Type. kemudian klik button select.

  • Pilih Instance Type, saya pilih t2.micro, lalu klik Review and Launch
  • Tampil halaman Review Instance Launc, pada tahap ini kita selesai melakukan setting secara default untuk instance EC2, langkash selanjutnya klik Launch.  
  • Kemudian tampil halaman untuk memilih atau membuat key pair. Pilih Create a new key pair, isi Key pair name, lalu klik Download Key Pair dan simpan di komputer kita dan klik Launch instances.
  • Setelah itu maka akan menampilkan instance yang sudah dibuat barusan. Saat pertama kali dibuat maka instance state pending, tunggu sampai status menjadi active. Pada halaman ini kita bisa melihat type instance, Public DNS, IP Public dsb. Lalu kita bisa merubah nama instance kita dengan cara klik dibawah kolom name sesuaikan dengan nama instance aplikasi kita. Misal key-django-ec2-1.

Konek ke ec2 dengan menggunakan SSH

Selanjutnya kita akan lakukan konek ke ec2 dengan menggunakan SSH. Langkahnya adalah:
  • Pada halaman seperti gambar diatas pili/chek instance kita lalu klik button Connect yang akan menampilkan alamat keneksi melalui SSH dengan menggunakan PuTTy atau menggunakan Git bash.
          Download PuTTy untuk Windows 10 64 bit disini atau versi lain disini.

          Download Git Bash untuk Windows 10 64 disini atau versi lain disini.

  • Misal dalam contoh kali ini saya menggunakan Git Bash, setelah kita install Git, kemudian kita buka Git masuk ke folder tempat dimana file key pair berada. dan ketikan perintah:
          chmod 400 key-django-ec2-1.pem
  • Kemudian konek ke DNS Public kita dengan perintah:
          ssh -i key-django-ec2-1 ubuntu@<DNS Public>.compute.amazonaws.com
  • Jika koneksi berhasil maka kita bisa masuk ke server ec2 kita dan melakukan konfigurasi seperti ditampilkan pada gambar dibawah ini.
  • Selanjtnya kita lakukan update terhdapat ubuntu server kita dengan perintah
          sudo apt-get update
     
  • sudo apt-get upgrade -y
  • Selanjutnya cek apakah sudah ada python, jika belum maka install python3 dengan perintah

    ubuntu@ip-172-31-5-17:~$ python3 --version

    ubuntu@ip-172-31-5-17:~$ python --version

    ubuntu@ip-172-31-5-17:~$ sudo apt-get install python3
  • Install pip
         ubuntu@ip-172-31-5-17:~$ sudo apt-get install python3-pip 
  • Install Virtual environment
         ubuntu@ip-172-31-5-17:~$ sudo apt-get install python3-venv
  • Buat folder django1
          ubuntu@ip-172-31-5-17:~$ mkdir django1
  • Masuk ke folder django1
          ubuntu@ip-172-31-5-17:~$ cd django1
  • Buat virtualenv dengan nama venv misalnya
    ubuntu@ip-172-31-5-17:~$ python3 -m venv venv
  • Jalankan virtualenv
          ubuntu@ip-172-31-5-17:~$ source venv/bin/activate
          (venv) ubuntu@ip-172-31-5-17:~/django1$
  • Install python
          (venv) ubuntu@ip-172-31-5-17:~/django1$ pip3 install django
  • Selajutnya kita siapkan project django yang disimpan di Github, dan kita akan melakukan clone project kita yang ada di Github
          (venv) ubuntu@ip-172-31-5-17:~/django1$ git clone <alamat github>
  • Install psycopg2, untuk koneksi ke database PostgreSQL
            (venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ sudo apt-get install libpq-dev python-dev

          (venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ sudo apt-get install python3-psycopg2

           coba cek masuk ke python console, dan ketikan perintah import psycopg2, untuk mengeceka apakah library terseut sudah berhasil diinstal, jika belum ketikan perintah

(venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ sudo apt-get install psycopg2
  • Install Django-leaflet, untuk menampikan WebGIS
       (venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ pip3 install django-leaflet
  • Install GDAL dan OGR
Keluar dari virtualenv

ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ sudo add-apt-repository ppa:ubuntugis/ppa

ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ sudo apt-get update

ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ sudo apt-get install gdal-bin

ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ ogrinfo --version
GDAL 2.4.2, released 2019/06/28

ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ sudo apt-get install libgdal-dev

ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ export CPLUS_INCLUDE_PATH=/usr/include/gdal
ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ export C_INCLUDE_PATH=/usr/include/gdal

ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ ogrinfo --version
GDAL 2.4.2, released 2019/06/28
ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ pip3 install GDAL==2.4.2

Cek hasil installan library tersebut

ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ python
Python 2.7.17 (default, Jul 20 2020, 15:37:01)
[GCC 7.5.0] on linux2
Type "help", "copyright", "credits" or "license" for more information.
>>> import gdal
>>> exit()

  • Install pillow, untuk pengelola image
    (venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ pip3 install pillow

  • Install gunicorn 
          (venv) ubuntu@ip-172-31-5-17:~/django1$ pip3 install gunicorn
  • Install nginx
    (venv) ubuntu@ip-172-31-5-17:~/django1$ sudo apt-get install -y nginx
  • Jalankan nginx
          (venv) ubuntu@ip-172-31-5-17:~/django1$ sudo nginx
  • Dalam gambar di atas terdapat error, untuk memperbaiki hal tersebut maka, kembali lihat halaman instance kita, dan klik kanan di instance tersebut dan pilih Networking - > Change Security Groups
  • Maka tampil halaman yang manampilkan security group instance kita seperti terlihat dalam gambar dibawah dan perhatikan nama security group tersebut
  • Selanjutnya kembali ke halaman instance sebelumnya, pilih menu Security Group. Pilih atau check security group lalu pilih button Actions dan pilih Edit inbound rules

  • Selanjutnya tambahkan rules dengan memilih Add rule, pilih Type dengan HTTP lalu pilih Source dan pilih Anywhere, lalu klik Save rules. Dan yang jangan lupa tambahkan satu lagi Type isi dengan Custom HTTP, masukan port 8000 (bisa dirubah sesuai dengan nomor port yang kan digunakan oleh django).
  • Selanjutnya kembali ke halaman instance, dan copy alamat Public DNS (IPv4), lalu buka di browser sehingga menampilkan halaman seperti gambar di bawah
Setting gunicorn

Masuk ke folder dimana terdapat file wsgi.py


(venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ ls

db.sqlite3  django1  djangoapp1  manage.py

(venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ cd django1

(venv) ubuntu@ip-172-31-7-166:~/django1/geodjango1-okus$ ls
README.md    app.sock    django1     manage.py  staticfiles  wsgi.py
__init__.py  db.sqlite3  djangoapp1  static     templates


(venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ gunicorn --bind 0.0.0.0:8000 django1.wsgi:application
[2020-07-22 18:22:30 +0000] [27551] [INFO] Starting gunicorn 20.0.4
[2020-07-22 18:22:30 +0000] [27551] [INFO] Listening at: http://0.0.0.0:8000 (27551)
[2020-07-22 18:22:30 +0000] [27551] [INFO] Using worker: sync
[2020-07-22 18:22:30 +0000] [27554] [INFO] Booting worker with pid: 27554

  • Silahkan cek ke alamat PUBLIC DNS kita dan lihat hasilnya, dan jika berhasil maka akan menampilkan halaman django seperti di bawah ini

Selamat kita telah bisa menjalankan django dengan menggunakan AWS ec2. Kalau masih belum tampil seperti di atas coba cek mungkin ada langkah atau konfigurasi yang keliru.

Install supervisor
  • Install supervisor
          (venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ sudo apt-get install -y supervisor


  • Buat file konfigurasi
     
    (venv) ubuntu@ip-172-31-5-17:~/django1/geodjango1-okus$ cd /etc/supervisor/conf.d/
(venv) ubuntu@ip-172-31-5-17:/etc/supervisor/conf.d$ ls

    (venv) ubuntu@ip-172-31-5-17:/etc/supervisor/conf.d$ sudo touch gunicorn.conf

    (venv) ubuntu@ip-172-31-5-17:/etc/supervisor/conf.d$ ls
gunicorn.conf

    (venv) ubuntu@ip-172-31-5-17:/etc/supervisor/conf.d$ mkdir /var/log/gunicorn

          (venv) ubuntu@ip-172-31-5-17:/etc/supervisor/conf.d$ sudo nano gunicorn.conf

  • Cek lokasi gunicorn, untuk menentukan lokasi command pada file gunicorn.conf
(venv) ubuntu@ip-172-31-5-17:/etc/supervisor/conf.d$ whereis gunicorn
gunicorn: /home/ubuntu/django1/venv/bin/gunicorn
  • Masukan kedalam file gunicorn.conf
[program:gunicorn]
directory=/home/ubuntu/django1/geodjango1-okus
command=/home/ubuntu/django1/venv/bin/gunicorn --workers 3 --bind unix:/home/ubuntu/django1/geodjango1-okus/app.sock django1.wsgi:application
autostart=true
autorestart=true
stderr_logfile=/var/log/gunicorn/gunicorn.err.log
stdout_logfile=/var/log/gunicorn/gunicorn.out.log

[group:guni]
programs:gunicorn

  • Set supervisor
          (venv) ubuntu@ip-172-31-5-17:/etc/supervisor/conf.d$ sudo supervisorctl reread

    guni: available

    (venv) ubuntu@ip-172-31-5-17:/etc/supervisor/conf.d$ sudo supervisorctl update
    guni: added process group
    
    (venv) ubuntu@ip-172-31-5-17:/etc/supervisor/conf.d$ sudo supervisorctl status
    guni:gunicorn        RUNNING   pid 29381, uptime 0:00:29

    (venv) ubuntu@ip-172-31-5-17:/etc/supervisor/conf.d$ cd

    (venv) ubuntu@ip-172-31-5-17:~$ cd /etc/nginx/sites-available/
          
    ((venv) ubuntu@ip-172-31-5-17:/etc/nginx/sites-available$ ls
    default

    ((venv) ubuntu@ip-172-31-5-17:/etc/nginx/sites-available$ cat default

    (venv) ubuntu@ip-172-31-5-17:/etc/nginx/sites-available$ sudo touch django.conf

    (venv) ubuntu@ip-172-31-5-17:/etc/nginx/sites-available$ sudo nano django.conf

  • Masukan kode program ke file django.conf

server {
listen 80;
server_name <ALAMAT PUBLIC DNS/IP>;
location / {
include proxy_params;
proxy_pass http://unix:/home/ubuntu/django1/geodjango1-okus/app.sock;
}
}

  • Test nginx, setelah dilakukan konfigurasi tadi
    (venv) ubuntu@ip-172-31-5-17:/etc/nginx/sites-available$ sudo nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok

nginx: configuration file /etc/nginx/nginx.conf test is successful


    (venv) ubuntu@ip-172-31-5-17:/etc/nginx/sites-available$ sudo ln django.conf /etc/nginx/sites-enabled/

(venv) ubuntu@ip-172-31-5-17:/etc/nginx/sites-available$ sudo nginx -t
nginx: [emerg] could not build server_names_hash, you should increase server_names_hash_bucket_size: 64

  • Pada saat saya coba sudo nginx -t, terdapat error nginx: [emerg] could not build server_names_hash, you should increase server_names_hash_bucket_size: 64, hal ini karena nama dns public kita terlalu panjang mak harus dirubah menjadi server_names_hash_bucket_size: 64.Makan perbaikan yang saya lakukan adalah rubah file nginx.conf. langkahnya adalah
         (venv) ubuntu@ip-172-31-5-17:/etc/nginx/sites-available$ cd ..

         (venv) ubuntu@ip-172-31-5-17:/etc/nginx$ ls
conf.d        fastcgi_params  koi-win     modules-available  nginx.conf    scgi_params      sites-enabled  uwsgi_params
fastcgi.conf  koi-utf         mime.types  modules-enabled    proxy_params  sites-available  snippets       win-utf

         (venv) ubuntu@ip-172-31-5-17:/etc/nginx$ sudo nano nginx.conf

  • Kemudian pada bahian http, hapus komentar untuk perintah server_names_hash_bucket_size 64 menjadi 128;

http {

        ##
        # Basic Settings
        ##

        sendfile on;
        tcp_nopush on;
        tcp_nodelay on;
        keepalive_timeout 65;
        types_hash_max_size 2048;
        # server_tokens off;

        server_names_hash_bucket_size 128;
        # server_name_in_redirect off;

        include /etc/nginx/mime.types;
        default_type application/octet-stream;

        ##
        # SSL Settings
        ##

        ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE
        ssl_prefer_server_ciphers on;

        ##
        # Logging Settings
        ##

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

        ##

  • Cek kembali nginx
         (venv) ubuntu@ip-172-31-5-17:/etc/nginx$ cd sites-available/

        (venv) ubuntu@ip-172-31-5-17:/etc/nginx/sites-available$ sudo nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful

  • Restart service nginx, samapi tidak ada error
         (venv) ubuntu@ip-172-31-5-17:/etc/nginx/sites-available$ sudo service nginx restart

  • Terakhir cek halam web kita dengan alamat PUBLLIC DNS tanpa nomor Port, jika berhasil maka tampil halaman web django kita

Selamat kita sudah setting django dan server nginx dan gunicorn, sehingga aplikasi web django kita sudah erbhasil di deploy di server AWS ec2. Jika saat mencoba masih ada yang error silahkan di perhatikan lebih detail langkah-langkah diatas.

Jika ingin mendownload tulisan ini silahkan download disini.

Sekian dulu nanti dilanjut untuk tulisan Deploy Aplikasi Django di AWS EC2 Bagian 2. Terimakasih sudah menyimak semoga bermanfaat. @wawanhn

Referensi: