7. 배포하기

배포하기

• 웹 사이트를 온라인으로 배포하기 위해 웹 사이트 개발의 가장 중요한 부분인 배포에 대해서 다룬다.
  
  
• 배포란?
  : 애플리케이션을 인터넷에 올려놓아 다른 사람들도 볼 수 있게 해주는 것을 말한다.
  
  
• 로컬 컴퓨터, GitHub, Pythonanywhere 중 로컬 컴퓨터는 개발 및 테스트를 수행하는 곳이고, 개발이 완료되면
  프로그램 복사본을 GitHub에 저장한다. 웹 사이트는 PythonAnywhere에 있고 GitHub에서 코드 사본을 업데이트 한다.
  
  

Git 설치하기

• Git이란 '버전 관리 시스템'으로 많은 프로그래머들이 사용하고 있다. 이 S/W는 시간 경과에 따른 파일 변경을 추적이
  가능하여 나중에라도 특정 버전을 다시 불러올 수 있다.
  
  
• Windows에서 설치하는 방법이라는 것을 염두할 것.
  Git은 https://git-scm.com/ 에서 다운받을 수 있고 설치 중 5번째 PATH 환경 설정(Adjusting your PATH environment)
  화면에서 윈도우 커맨드라인에서 Git과 유닉스 도구를 사용
  (Use Git and optional Unix tools from the Windows Command Prompt) 을 선택한다. 그 외에 나머지는 모두 기본 설정
  윈도우 스타일로 체크아웃, 유닉스 스타일로 라인엔딩 커밋하기
  (Checkout Windows-style, commit Unix-style line endings)를 체크하는 것도 좋다.
  
  

Git 저장소 만들기

• Git은 코드 저장소(repository)에 특정한 파일들 집합의 변화를 추적하여 관리한다.
  
  
• 프로젝트 시작하기
  - 콘솔 창을 열고 dt디렉토리에서 아래 명령어를 실행한다.
  

  $ git init
  Initialized empty Git repository in ~/djangogirls/.git/
  $ git config --global user.name "Your Name"
  $ git config --global user.email you@example.com

• git add 하기 전이나 변경된 것이 있는지 잘 모를 때마다 git status 명령어를 사용하는 것은 좋은 방법이다.
  잘못된 파일이 추가되거나 커밋된 경우, 이를 복구할 수 있다. git status 명령은 미추적/수정된/스테이지된 파일, 브랜치 상태와 그 외 많은 정보를 보여준다. 
  
  
• 우리가 만든 코드들을 저장소에 넣는 명령어를 아래와 같이 실행한다.
  

  $ git add --all .
  $ git commit -m "My Django Girls app, first commit"
   [...]
   13 files changed, 200 insertions(+)
   create mode 100644 .gitignore
   [...]
   create mode 100644 mysite/wsgi.py

GitHub에 코드 배포하기

• - 새로운 무료 계정을 만든다
  - 왼쪽에 new를 클릭하여 새 저장소(new repository)를 "my-first-blog"라는 이름으로 생성한다.
  - "README 파일과 초기화 하기(initialize with a README)" 체크박스는 체크 안 한 상태로 두고 
    .gitignore 옵션도 비어있는 상태로 놔두고 라이센스도 비워둔다.
  
  
  ※저장소 이름은 원하는 이름으로 바꿀 수 있지만, 매번 변경해서 사용하면 불편하므로 되도록
  my-first-blog로 사용 요망.
  
  그리고 다음 화면에서 저장소 복제 URL(repo's clon URL)을 볼 수 있다.
  "HTTPS"버전을 선택해서 그 주소를 복사하고 터미널에 붙여넣기 한다.
  
  그 다음 내 컴퓨터의 Git 저장소를 GitHub에 있는 저장소로 연결해야 하므로 
  콘솔에 아래와 같이 입력한다.
  

  $ git remote add origin https://github.com/(GitHub 사용자 이름)/my-first-blog.git
  $ git push -u origin master

PythonAnywhere에 블로그 설정하기

• PythonAnywhere에 로그인 후 사용자 이름은 블로그 주소의 일부가 된다.
  예를 들어, 사용자 이름이 name이면 URL은 name.pythonanywhere.com 이 된다.
  
  
  

GitHub에서 PythonAnywhere로 코드 가져오기

• 대시보드 또는 콘솔 페이가 있는데 "배시(Bash)" 콘솔로 시작하는 옵션을 선택한다.
  - PythonAnywhere 버전의 콘솔로 PC에 있는 커맨드라인 같은 것으로 생각해도 된다.
  
  
• GitHub에 있는 코드를 끌어와 저장소를 "복제"해 PythonAnywhere로 탑재하는 방법은
  PythonAnywhere 콘솔에 아래와 같이 입력한다.
  

   git clone https://github.com/<your-github-username>/my-first-blog.git

PythonAnywhere에서 가상환경 생성하기

• PythonAnywhere 에서도 내 컴퓨터에 있는 것과 같이 작동할 수 있게 가상환경을 생성할 수 있다.
  PythonAnywhere 배시 콘솔에 아래와 같이 입력한다.
  

  $ cd my-first-blog
   
  $ virtualenv --python=python3.7 myvenv
  Running virtualenv with interpreter /usr/bin/python3.6
  [...]
  Installing setuptools, pip...done.
   
  $ source myvenv/bin/activate
   
  (myvenv) $  pip install django~=1.11.0
  Collecting django
  [...]
  Successfully installed django-1.11.3

PythonAnywhere에서 데이터베이스 생성하기

• 컴퓨터와 서버가 또 하나의 다른 점은 다른 데이터베이스를 사용한다는 점이다. 그래서 사용자 계정과 글은 서버와 해당 컴퓨터와 다를 수 있다.
  
  
• 서버에서도 똑같이 데이터베이스를 초기화 시켜준다.
  migrate와 createsuperuser를 사용한다.
  

  (mvenv) $ python manage.py migrate
  Operations to perform:
  [...]
    Applying sessions.0001_initial... OK
  (mvenv) $ python manage.py createsuperuser

web app으로 블로그 배포하기

• 웹 앱으로 배포할 준비가 다 됐으며 이제 로고를 클릭하여 PythonAnywhere 대시보드로 와서 Web을 클릭하고 Add a new web app을 선택한다.
  도메인 이름을 지어주고, 대화창에 수동설정(manual configuration)을 클릭한다.
  다음, Python 3.7을 선택하고 다음을 클릭하면 마법사가 종료된다.
  ※"Django"가 아니라 꼭 "수동설정(manual configuration)을 선택해야 기본 설정이 더 좋다.

가상환경(virtualenv) 설정하기

• 서버 앱에 변경사항이 있을 때 PythonAnywhere 설정 화면으로 이동해야 한다.
  
  
• virtualenv 섹션에서 Enter the path to a virtualenv 라고 쓰여 있는 빨간색 글씨를 클릭하고
  /home/(본인 등록 이름)/my-first-blog/myvenv/
  라고 입력합니다.
  이동 경로를 저장하려면 파란색 박스에 체크표시를 하고 클릭한다.
  
  

WSGI 파일 설정하기

• 장고는 "WSGI 프로토콜"을 사용하여 작동한다. 이 프로토콜은 파이썬을 이용한 웹사이트를 서비스하기 위한 표준으로 
  PythonAnywhere에서도 지원한다.
  WSGI 설정을 위해 파일을 수정하여 내가 만든 장고 블로그를 PythonAnywhere에서 인식하게 할 것이다.
  
  "WSGI 설정 파일(WSGI configuration file)" 링크(페이지 상단에 있는
  "코드(Code)" 섹션 내에 /var/www/(사용자 이름)_pythonanywhere_com_wsgi.py 부분)를 클릭하면 에디터를 볼 수 있다.
  
  모든 내용을 삭제하고 아래 내용을 추가한다.
  

  import os
  import sys
   
  path = '/home/(PythonAnywhere사용자 이름)/my-first-blog'  # PythonAnywhere 계정으로 바꾸세요.
  if path not in sys.path:
      sys.path.append(path)
   
  os.environ['DJANGO_SETTINGS_MODULE'] = 'mysite.settings'
   
  from django.core.wsgi import get_wsgi_application
  from django.contrib.staticfiles.handlers import StaticFilesHandler
  application = StaticFilesHandler(get_wsgi_application())

디버깅 팁

• 내 사이트에서 접속할 때 오류가 보이면 제일 먼저 error log에서 디버깅 정보를 찾아본다.
  PythonAnywhere Web tab(.https://www.pythonanywhere.com/web_app_setup/) 에서 이 링크를 찾을 수 있다,
  여기서 오류 메세지를 확인하고 최근 오류 메세지는 맨 하단에 위치하고 일반적으로 많이 일어나는 문제들은 아래와 같다.
  
  - virtualenv를 생성하고 활성화할 때, Django를 설치할 때, Collestac을 돌릴 때, 데이터베이스를 설치할 때 같은 각 단계를 위한 콘솔 작업을 할 때 한 단계를 빼먹는 경우
  - web tab에서 virtualenv 경로를 쓸 때 오타가 났을 때 - 이런 경우 빨간 작은 에러 메시지가 뜰 것입니다.
  - WSGI 설정 파일에 실수가 있을 때 -- my-first-blog-folder 폴더의 경로를 올바르게 입력했었나요?
  - Web app에서 그랬듯이 virtualenv에도 같은 파이썬 버전을 선택했나요? 둘 다 같은 버전이어야 한다.
  - 만약 Invalid HTTP_HOST header: <your-site-name> . You may need to add <your-site-name> to ALLOWED_HOSTS. 라는 오류메세지가 나온다면 /mysite/settings.py의 마지막 줄에 ALLOWED_HOSTS = ['localhost', '127.0.0.1', '[::1]', '.pythonanywhere.com'] 를 추가 한 뒤에 다시 Web 탭에서 Reload <your-site-name이라는 녹색 버튼을 눌러 주세요.
  
  사이트의 기본 페이지는 로컬 컴퓨터와 마찬가지로 "It worked"라고 보여준다
  URL 끝에 /admin/ 을 추가하면 관리자 사이트로 이동한다. 사용자 이름과 암호로 로그인하여 서버에 새 게시물 추가가 가능하다.
  
  <중요!>
  몇 개의 게시물을 작성하고 나면 PythonAnywhere가 아닌 로컬 설정으로 돌아갈 수 있고, 여기에서 로컬 설정을 변경해야 한다.
  이것이 공통적인 웹 개발의 작업과정이다. 로컬에서 변경하고, 변경 사항을 GitHub에 적용하고, 변경 사항을 실제 웹서버로 가져온다.
  이를 통해 실제 웹 사이트를 손상시키지 않고 작업하고 테스트 해볼 수 있다.

<github에 파일 옮기는 코드 - 로컬 콘솔 창에서>

$ git status (변경된 파일 빨간색) $ git add --all .

$ git status (변경될 파일 녹색)

$ git commit -m "설명"

$ git push

<github에서 PythonAnywhere로 파일 복사하는 코드 - PythonAnywhere 배시 콘솔 창에서>

$ cd ~/my-first-blog $ git pull