배포를 위한 웹서버 연결

1. 배포 전 준비

1.1. 환경 변수 설정

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = '%ljvk*h2sno=wepa5p)dt+c6gtq44@fn^cl=7&+8ypc)k4xe16'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

• SECRET_KEY : 프로젝트의 보안 등에 이용되는 긴 랜덤 문자열 값입니다. 보안과 관련되어 있으므로 외부에 노출되어서는 안 됩니다.

• DEBUT : 이 값이 True이면 개발 단계에서 개발자를 위해 도와주는 디버그 정보가 보여지게 됩니다. 하지만 배포 시에는 프로젝트 보안 상 디버그 정보가 노출 되어서는 안 됩니다.

1. 컨테이너의 설정으로 들어갑니다. 컨테이너 목록에서 톱니바퀴 아이콘을 누르거나, IDE 실행 화면에서 오른쪽 상단의 컨테이너 정보를 통해 들어갈 수 있습니다.





 

2. 다음과 같이 환경 변수를 등록합니다.



 

3. settings.py에서 이 환경 변수들을 사용하여 SECRET_KEY와 DEBUG 값을 정의합니다. 환경 변수의 값들은 os 모듈의 environ을 통해 접근할 수 있습니다.

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = os.environ['SECRET_KEY']

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True if os.environ['DEBUG'] == 'True' else False

환경변수 값들은 모두 문자열로 저장되기 때문에 True를 넣더라도 bool 타입의 True 가 아니라 문자열 'True'인 것에 유의하세요.

1.2. collectstatic

1. settings.py에서 STATIC_ROOT 변수에 static 파일들을 모을 경로를 설정합니다.

STATIC_ROOT = BASE_DIR / 'staticfiles' 

BASE_DIR은 프로젝트 생성 시 자동으로 만들어 준 경로값으로 manage.py가 있는 경로를 가리킵니다. 우리는 BASE_DIR 경로의 staticfiles라는 폴더에 static 파일들을 모을 것입니다.
 

2. collectstatic 명령어로 static 파일들을 모읍니다.

$ python manage.py collectstatic



 
그러면 해당 경로에 staticfiles라는 폴더가 생성되고 안에 static 파일들이 모인 것을 확인할 수 있습니다.

2. WSGI

사용자 <-> 웹 서버 <-> WSGI <-> 장고

2.1. uWSGI

- uWSGI 실행해보기

1. uWSGI를 설치할 가상환경을 활성화합니다.

$ source [가상환경폴더경로]/bin/activate

 

2. pip를 이용해 uWSGI를 설치합니다. (약간의 시간 소요)

$ pip install uwsgi

 

3. uWSGI를 실행시켜봅니다.

$ uwsgi \
--http :80 \
--home /workspace/MBIT/venv/ \
--chdir /workspace/MBIT/ \
--static-map /static=/workspace/MBIT/staticfiles/ \
-w MBIT.wsgi

$ uwsgi --http :80 --home /workspace/MBIT/venv --chdir /workspace/MBIT --static-map /static=/workspace/MBIT/staticfiles/ -w MBIT.wsgi



 
이제 runserver 명령 없어도 80번 포트로 접속하면 프로젝트 페이지로 접속이 가능합니다.



 

- ini 파일로 uWSGI 실행

1. /workspace/MBIT/.config/uwsgi/uwsgi.ini 경로에 wsgi.ini파일을 만듭니다.



 

2. uwsgi.ini 파일을 다음과 같이 수정해줍니다.

[uwsgi]
chdir = /workspace/MBIT/
module = MBIT.wsgi:application
home = /workspace/MBIT/venv/

uid = root
gid = root

http = :80

enable-threads = true
master = true
vacuum = true
pidfile = /workspace/MBIT/tmp/MBIT.pid
logto = /workspace/MBIT/log/uwsgi/@(exec://date +%%Y-%%m-%%d).log
log-reopen = true
static-map = /static=/workspace/MBIT/staticfiles/

• chdir : django project의 manage.py가 존재하는 경로를 지정해줍니다.
• module : wsgi 파일을 지정해줍니다.
• home : 가상환경의 경로를 지정해줍니다.
• uid, gid : uWSGI를 실행할 사용자 및 사용자그룹을 지정해줍니다.
• http : http 프로토콜을 통해서 요청을 받으며 포트 번호를 정해줍니다.
• enable-threads : 스레드 사용 여부를 결정합니다.
• master : 마스터 프로세스 사용 여부를 결정합니다.
• vacuum : 실행 시 자동 생성되는 파일들을 삭제해줍니다.
• pidfile : 실행되는 프로세스의 id 값을 담고 있는 파일, pidfile의 경로를 지정해줍니다.
• logto : 로그파일을 작성할 위치를 설정합니다.
• log-reopen : 재시작할 시 로그를 다시 열어줍니다.
 

3. 프로젝트 경로에 tmp 폴더와 log/uwsgi 폴더를 만듭니다.



 

4. uwsgi 명령어로 uwsgi.ini 파일을 실행시킵니다.

$ uwsgi -i .config/uwsgi/uwsgi.ini



 

5. 이제 80번 포트의 URL로 접속합니다.

3. Nginx

3.1. 웹서버

• 인증

• 정적 콘텐츠 관리

• HTTPS 지원

• 콘텐츠 압축

• 가상 호스팅

• 대용량 파일 지원

• 대역폭 스로틀링

3.2. Nginx 설정하기

1. 구름 ide에서는 nginx가 기본적으로 설치되어있습니다. 다음 명령어를 통해 nginx 설치여부와 버전을 확인할 수 있습니다.

$ nginx -v
nginx version: nginx/1.14.0 (Ubuntu)

 

2. .config/nginx/MBIT.conf 파일을 만듭니다. 내용을 다음과 같이 수정합니다.



 

3. MBIT.conf 파일을 다음과 같이 수정합니다.

server {
    listen 80;
    server_name *.run.goorm.io;
    charset utf-8;
    client_max_body_size 128M;
    
    location / {
            uwsgi_pass unix:///workspace/MBIT/tmp/MBIT.sock;
            include uwsgi_params;
    }

    location /static/ {
        alias /workspace/MBIT/staticfiles/;
    }
}

4. MBIT.conf 파일을 /etc/nginx/sites-available/ 폴더에 복사합니다.

$ cp -f /workspace/MBIT/.config/nginx/MBIT.conf /etc/nginx/sites-available/

sites-available 폴더는 가상 서버 환경들에 대한 설정 파일들이 위치하는 부분입니다. 가상 서버를 사용하거나 사용하지 않던간에 그에 대한 설정 파일들이 위치하는 곳입니다.
 

5. sites-available 로 이동한 설정 파일을 sites-enabled에 링크해줍니다.

$ ln -sf /etc/nginx/sites-available/MBIT.conf /etc/nginx/sites-enabled/

sites-enabled는 sites-available에 있는 가상 서버 파일들중에서 실행시키고 싶은 파일을 symlink로 연결한 폴더입니다. 실제로 이 폴더에 위치한 가상서버 환경 파일들을 읽어서 서버를 세팅합니다.
 

6. sites-enabled 폴더에 있던 default 파일은 삭제해줍니다.

$ rm /etc/nginx/sites-enabled/default

 

3.3. uWSGI 소켓 설정

[uwsgi]
chdir = /workspace/MBIT/
module = MBIT.wsgi:application
home = /workspace/MBIT/venv/

uid = root
gid = root

################# 이 부분 #########################
socket = /workspace/MBIT/tmp/MBIT.sock
chmod-socket = 666
chown-socket = root:root
#########################################

enable-threads = true
master = true
vacuum = true
pidfile = /workspace/MBIT/tmp/MBIT.pid
logto = /workspace/MBIT/log/uwsgi/@(exec://date +%%Y-%%m-%%d).log
log-reopen = true
static-map = /static=/workspace/MBIT/staticfiles/

3.4. Nginx 실행하기

1. 다음 명령어로 nginx를 실행합니다.

$ service nginx start



 

2. 80번 포트의 URL로 접속하면 사진 처럼 nginx가 작동하는 것을 확인할 수 있습니다.



아직 페이지가 정상적으로 보이지 않는 것은 uWSGI가 실행 되지 않아 소켓이 없는 상태이기 때문입니다.
 

3. 이제 uWSGI를 실행시켜 소켓을 활성화합니다.

$ uwsgi -i .config/uwsgi/uwsgi.ini

4. 구름 IDE 실행 명령 추가

1. 구름IDE 오른쪽 상단에서 실행 명령 추가를 클릭합니다.



 

2. 이름에 본인이 원하는 이름을 짓고 해당 명령의 스크립트를 다음과 같이 작성합니다.

service nginx start && /workspace/MBIT/venv/bin/uwsgi -i /workspace/MBIT/.config/uwsgi/uwsgi.ini

• service nginx start : nginx를 실행합니다.
• && : 앞의 명령어가 성공했을 시, 다음 명령어를 실행합니다.
• /workspace/MBIT/venv/bin/uwsgi -i /workspace/MBIT/.config/uwsgi/uwsgi.ini : uwsgi를 실행합니다.



 

3. 서버 프로세스는 ON으로 활성화 하면 실행시 프로젝트 URL을 보여줍니다.



종료 버튼으로 해당 명령을 종료할 수 있고, 편집 버튼으로 수정이 가능합니다.