ติดต่อเรา

Deploy Django บน AWS EC2 Nginx (ตอน 1)

ขั้นตอนการ Deploy Django Project ไปวาง บน AWS EC2 โดยใช้ Nginx เป็น Web Server โดยทำงานร่วมกับ Gunicorn และเก็บ Static files บน Cloudinary

ขั้นตอนการ Deploy Django (ครอบคลุมเวอร์ชั่น 5.0) Project ไปวาง บน AWS EC2 โดยใช้ Nginx เป็น Web Server โดยทำงานร่วมกับ Gunicorn และเก็บ Static files บน Cloudinary

สิ่งที่ต้องเตรียมก่อน Deploy Django App

ก่อนจะไปพูดถึงการ Deploy จะขออธิบายถึงสิ่งที่ต้องเตรียมก่อนการ Deploy นะครับ สำหรับคนที่ทำสิ่งเหล่านี้เป็นแล้วสามารถ กดข้าม ได้ครับ

เปิดพอร์ต 8000 บน AWS EC2
ติดตั้ง Oh My Zsh
ขอ Fixed IP (EC2 Elastic IP)
สร้าง User และ Python Environment

เปิดพอร์ต 8000 บน AWS EC2

ดูวิธีสร้าง AWS EC2 ได้ที่ ลิงค์ นี้ครับ

เมื่อสร้าง EC2 เสร็จแล้ว ให้เปิดพอร์ต 8000 ครับ เพราะ Django ใช้พอร์ต 8000

ปกติการสร้าง EC2 Instance แต่ละครั้ง ระบบจะสร้าง Security group ให้เรา โดยใช้ชื่อว่า launch-wizard-x ถ้าสร้างครั้งแรกก็จะได้ชื่อ launch-wizard-1 และถ้าสร้าง EC2 Instance ครั้งที่ 2 ก็จะได้ชื่อ launch-wizard-2 อย่างนี้ไปเรื่อยๆ ถ้าเราอยากเปิดพอร์ตเพิ่มเติมก็ให้คลิ๊กลิงค์ตรง sg-xxxxxxxxxxx

Deploy Django EC2 Nginx 1

จะได้หน้าจอนี้ ให้คลิ๊กตรง Edit inbound rules

Deploy Django EC2 Nginx 2

ตามด้วย Add rule (ถ้าพอร์ตที่เราต้องการยังไม่ได้เปิดไว้ ในที่นี้คือพอร์ต 8000)

Deploy Django EC2 Nginx 3

ตรงคอลัมน์ Type เลือก Custom TCP ตรงคอลัมน์ Port range ใส่เลข 8000 ตรงคอลัมน์ Source เลือก Anywhere เสร็จแล้วคลิ๊กปุ่ม Save rules

Deploy Django EC2 Nginx 4

ติดตั้ง Oh My Zsh

Oh My Zsh

แม้จะสามารถทำงานบน VSCode ได้ แต่บางครั้งเราอาจอยู่นอกสถานที่ และเราจำเป็นต้องแก้โค้ดผ่าน EC2 Web base terminal เราอาจยอมเสียเวลานิดหน่อย เพื่อติดตั้ง Zsh และ Oh My Zsh บน EC2

เริ่มด้วยการติดตั้ง Zsh และ Oh My Zsh

bash

sudo apt-get update && sudo apt-get upgrade -y
sudo apt-get install zsh -y
sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

ความคิดเห็น

BuncheeOnline

ติดต่อเรา

กลับไปหน้าบล็อก

Deploy Django บน AWS EC2 Nginx (ตอน 1)

เปิดพอร์ต 8000 บน AWS EC2

ดูวิธีสร้าง AWS EC2 ได้ที่ ลิงค์ นี้ครับ

เมื่อสร้าง EC2 เสร็จแล้ว ให้เปิดพอร์ต 8000 ครับ เพราะ Django ใช้พอร์ต 8000

Deploy Django EC2 Nginx 1

จะได้หน้าจอนี้ ให้คลิ๊กตรง Edit inbound rules

Deploy Django EC2 Nginx 2

ตามด้วย Add rule (ถ้าพอร์ตที่เราต้องการยังไม่ได้เปิดไว้ ในที่นี้คือพอร์ต 8000)

Deploy Django EC2 Nginx 3

Deploy Django EC2 Nginx 4

ติดตั้ง Oh My Zsh

Oh My Zsh

เริ่มด้วยการติดตั้ง Zsh และ Oh My Zsh

bash

sudo apt-get update && sudo apt-get upgrade -y
sudo apt-get install zsh -y
sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

ความคิดเห็น

ข้อระวัง: สำหรับ new user ที่ไม่ใช่ root user

สำหรับท่านที่ใช้ Ubuntu บน Linode หรือบน Hetzner และต้องการติดตั้งบน new user ที่ไม่ใช่ root user การรันคำสั่ง sh -c "$(curl -fsSL https://...)" จะทำไม่ได้นะครับ ติดปัญหา Permission ให้แก้ดังนี้

1. ดาวน์โหลดไฟล์ Oh My Zsh's install.sh

bash

wget https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh

2. แก้ไขไฟล์ install.sh โดยใช้คำสั่ง

bash

sudo nano install.sh

เปลี่ยนโค้ดนี้

bash

Looking for an existing zsh config...
Using the Oh My Zsh template file and adding it to /home/django/.zshrc.
 
Time to change your default shell to zsh:
Do you want to change your default shell to zsh? [Y/n]

bash

django@ip-xxx-xx-xx-xxx:~$ mkdir django-auth && cd $_
django@ip-xxx-xx-xx-xxx:~/django-auth$ ls
django@ip-xxx-xx-xx-xxx:~/django-auth$ python3 -m venv env
django@ip-xxx-xx-xx-xxx:~/django-auth$ ls
env
django@ip-xxx-xx-xx-xxx:~/django-auth$ source env/bin/activate
(env) django@ip-xxx-xx-xx-xxx:~/django-auth$

bash

(env) django@ip-xxx-xx-xx-xxx:~/django-auth$ django-admin startproject django_auth .
(env) django@ip-xxx-xx-xx-xxx:~/django-auth$ ls
django_auth  env  manage.py
(env) django@ip-xxx-xx-xx-xxx:~/django-auth$ cd django_auth
(env) django@ip-xxx-xx-xx-xxx:~/django-auth/django_auth$ ls
__init__.py  asgi.py  settings.py  urls.py  wsgi.py
(env) django@ip-xxx-xx-xx-xxx:~/django-auth/django_auth$

bash

(env) django@ip-xxx-xx-xx-xxx:~/django-auth$ python manage.py startapp users
(env) django@ip-xxx-xx-xx-xxx:~/django-auth$ ls
django_auth  env  manage.py  users
(env) django@ip-xxx-xx-xx-xxx:~/django-auth$

python

DATABASES = {
    "default": {
        "ENGINE": "django.db.backends.postgresql",
        "NAME": "postgres", # ตรงนี้ต้องแก้ ตามเลข 4
        "USER": "postgres", # ตรงนี้ต้องแก้ ตามเลข 1
        "PASSWORD": "your-password", # ตรงนี้ต้องแก้ ตามเลข 2
        "HOST": "<DB instance ID>.xxxxxxxxx.ap-southeast-1.rds.amazonaws.com", # ตรงนี้ต้องแก้ ตามเลข 3
        "PORT": "5432",
    }
}

python

CLOUDINARY_CLOUD_NAME="" # ตรงนี้ต้องแก้ ตามเลข 3
CLOUDINARY_API_KEY="" # ตรงนี้ต้องแก้ ตามเลข 4
CLOUDINARY_API_SECRET="" # ตรงนี้ต้องแก้ ตามเลข 5

bash

(env) django@ip-xxx-xx-xx-xxx:~/django-auth$ pip list
Package                       Version
----------------------------- ------------
asgiref                       3.7.2
certifi                       2023.11.17
cffi                          1.16.0
charset-normalizer            3.3.2
cryptography                  41.0.7
defusedxml                    0.8.0rc2
Django                        5.0
django-cors-headers           4.3.1
django-templated-mail         1.1.1
djangorestframework           3.14.0
djangorestframework-simplejwt 5.3.1
djoser                        2.2.2
idna                          3.6
oauthlib                      3.2.2
pip                           22.0.2
pycparser                     2.21
PyJWT                         2.8.0
python-dotenv                 1.0.0
python3-openid                3.2.0
pytz                          2023.3.post1
requests                      2.31.0
requests-oauthlib             1.3.1
setuptools                    59.6.0
social-auth-app-django        5.4.0
social-auth-core              4.5.1
sqlparse                      0.4.4
typing_extensions             4.9.0
urllib3                       2.1.0
(env) django@ip-xxx-xx-xx-xxx:~/django-auth$

python

CSRF_TRUSTED_ORIGINS = ["https://*.example.com"] # ตรงนี้ต้องแก้
CSRF_COOKIE_DOMAIN = ".example.com" # ตรงนี้ต้องแก้
CORS_ALLOWED_ORIGINS = [
    "https://example.com", # ตรงนี้ต้องแก้
    "https://www.example.com", # ตรงนี้ต้องแก้
    "https://django-auth.example.com", # เช่น event.your-domain.com
    "http://localhost:3000",
    "http://127.0.0.1:3000",
]
CORS_ORIGIN_WHITELIST = [
    "https://example.com", # ตรงนี้ต้องแก้
    "https://www.example.com", # ตรงนี้ต้องแก้
    "https://django-auth.example.com", # เช่น event.your-domain.com
    "http://localhost:3000",
    "http://127.0.0.1:3000",
]

Deploy Django บน AWS EC2 Nginx (ตอน 1) | Bunchee

Deploy Django บน AWS EC2 Nginx (ตอน 1)

สิ่งที่ต้องเตรียมก่อน Deploy Django App

เปิดพอร์ต 8000 บน AWS EC2

ติดตั้ง Oh My Zsh

Oh My Zsh

ความคิดเห็น

Deploy Django บน AWS EC2 Nginx (ตอน 1)

สิ่งที่ต้องเตรียมก่อน Deploy Django App

เปิดพอร์ต 8000 บน AWS EC2

ติดตั้ง Oh My Zsh

Oh My Zsh

ความคิดเห็น

Powerline fonts

PowerLevel10K

zsh-syntax-highlighting

zsh-autosuggestions

Update zshrc

ขอ Fixed IP (EC2 Elastic IP)

สร้าง User และ Python Environment

สร้าง Django Project

เริ่มติดตั้ง django ใน Virtual environment

สร้าง Django App ระบบหลังบ้าน

settings.py

.env.local

แก้ไข settings.py ตามนี้

Origin และ Domain Name

เชื่อมต่อฐานข้อมูลบน AWS RDS

Cloudinary

วิธีหา CLOUD_NAME, API_KEY และ API_SECRET

กำหนด Credential สำหรับเชื่อมต่อ Cloudinary

Debug

Pain point: Django App มองไม่เห็นไฟล์ css

Solution: วิธีระบุ STATIC_URL

AWS S3 Storage

เอกสารอ้างอิง