React Django 배포

VPS Ubuntu LTS 18.04에서의 React Django 배포에 대한 글입니다. 초보자를 위한 자세한 가이드나 튜토리얼을 찾을 수 없었기 때문에 지금은 내 경험을 공유하는 것이 최선이라고 생각합니다.

GitHub 풀

기본적으로 모든 것이 저장소에 있습니다. 필요한 것은 저장소를 Ubuntu 디렉토리로 가져오거나 복제하는 것입니다. Django용 가상 환경을 설치하고 pip install -r requirements.txt 을 실행하고 프런트엔드 React 파일이 있는 frontend 앱으로 이동하여 npm install 을 실행합니다.

그러나 그 전에 node.js 및 npm 을 설치해야 할 수도 있습니다. 그러나 우분투는 쉽게 만들지 못했습니다.

Ubuntu 18.04에 노드 및 npm 설치

Ubuntu의 node.js 버전은 상당히 오래되었습니다(8+). 따라서 다음 단계를 따르십시오.

$ sodu apt install curl

curl을 설치하고 Node.js 10.x 설치 프로그램을 다운로드하여 실행합니다.

$ curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -

그런 다음 패키지를 설치합니다. 이렇게 하면 npm도 자동으로 설치됩니다. Josh Tronic의 post에 감사드립니다.

$ sudo apt install nodejs

입력하여 버전 확인

$ node -v
v10.20.1
$ npm -v
6.14.4

배포에 대한 참고 사항

마이그레이션: Django 앱을 처음 배포할 때 마이그레이션 파일을 무시해야 합니다. 그렇지 않은 경우 개발 프로세스 중에 실수로 인해 로컬에서 많은 마이그레이션을 수행했기 때문입니다. 앱을 배포할 때 마이그레이션 변경 사항을 감지할 수 없습니다. 따라서 마이그레이션이 수행되지 않습니다.

가져온 이미지 URL: 어떻게든 webpack이 js 파일을 main.js으로 컴파일한 후 Django collectstatic 명령은 필요한 모든 정적 파일을 루트 폴더의 static 폴더에 복사합니다. 그러나 js 파일에서 가져온 이미지( import BG from './assets/img/bg.jpg' )의 URL은 다음을 유지할 수 없습니다. 올바른 링크( http://www.domain.com/static/img/bg.jpg ) 대신 http://www.domain.com/bg.jpg 에 링크됩니다. webpack.config 문제인지 파이썬 설정 문제인지 아직도 알수가 없네요...

main.js은 700kb로 러시아 VPS 서버에서 로컬(중국)으로 로드하기에는 너무 느리고 로드하는 데 60초가 걸립니다. 그러나 미국 LA에서 로드하는 데 7초입니다. 파일( source )

을 분할해 보겠습니다.