Ubuntu 18.04 LTS에서 Nuxt.js 웹 애플리케이션 설정

• Nuxt.js : 범용 프레임 워크
• Node.js 설치
• 비계 신청
• 초기 시작
• 생산을위한 건물
• PM2 : 응용 프로그램을 쉽게 관리

Nuxt.js : 범용 프레임 워크

Nuxt.js는 보편적 인 Vue.js 애플리케이션을 신속하게 생성하도록 설계된 JavaScript 프레임 워크입니다. 서버는 물론 클라이언트에서도 렌더링 할 수있는 Vue.js 앱을 만드는 기능으로 가장 유명합니다. 이 튜토리얼에서는 서버 렌더링 된 Nuxt.js 애플리케이션을 설정하고이를 Ubuntu 18.04 LTS에 배포합니다.

Node.js 설치

먼저 Ubuntu 18.04 LTS를 실행하고 있는지 확인해야합니다. 그런 다음 Node.js가 설치되어 있지 않은 경우 설치해야합니다. 이 학습서에서는이 프로세스를 훨씬 쉽게 수행 할 수 있도록 Node Version Manager 또는 NVM을 사용합니다.

다음 명령을 사용하여 NVM을 설치하십시오.

curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh -o install_nvm.sh
bash install_nvm.sh
source ~/.profile
nvm install 11.1.0
nvm use 11.1.0

비계 신청

Node.js를 설치했으면 이제 NPM을 사용하는 데 필요한 패키지 설정을 진행할 수 있습니다. create-nuxt-appNuxt.js 응용 프로그램을 쉽게 만들 수있는 커뮤니티 제작 도구 인 편리한 도구를 사용합니다.

홈 디렉토리에서 다음 명령을 실행하여 앱 생성을 시작하십시오.

npx create-nuxt-app <nameofproject>

콘솔에 몇 가지 중요한 옵션이 표시됩니다. 이 튜토리얼을 위해 프로젝트 이름을 " app"로 지정합니다. Express를 사용자 지정 서버 프레임 워크로 사용하고 응용 프로그램을 유니버설 모드로 실행하여 웹 사이트를 서버에 렌더링합니다. 필요한 모든 권한을 지정하면 설치 프로세스가 시작되고 모든 구성 파일이 작성됩니다.

초기 시작

모든 것이 다운로드되면 디렉토리를 방금 만든 폴더로 변경하십시오.

cd app

이제 Nuxt.js 개발 서버를 시작할 수 있습니다.

npm run dev

이 명령은 모듈 번 들러 인 webpack을 사용하여 사이트를 빌드하고 일반적으로 port 인 로컬 호스트 포트에서 사이트를 제공합니다 3000. 또한 핫 리로드 모듈에 액세스 할 수 있으므로 파일을 변경할 때마다 응용 프로그램을 다시 시작할 필요가 없습니다. 앱을 유니버설 모드로 실행하고 있기 때문에 앱은 클라이언트와 서버 모두에서 컴파일됩니다. 이제 응용 프로그램이 포트에서 실행됩니다 3000.

생산을위한 건물

개발 모드는 응용 프로그램을 적극적으로 개발할 때 매우 유용합니다. 그러나 응용 프로그램을 공개 할 준비가되면 핫 리로드 및 개발자 도구와 같은 애드온의 중요성이 줄어 듭니다. 이것이 프로덕션 환경을 위해 애플리케이션을 한 번 빌드하려는 이유입니다. 고맙게도 Nuxt.js에는 프로덕션 용 앱 모듈을 빠르게 빌드하는 데 사용할 수있는 도구가 포함되어 있습니다. 프로덕션 빌드 프로세스를 시작하려면 다음을 실행하십시오.

npm run build

본질적으로 우리가 여기서하는 일은 생산 최적화를 통해 모든 웹팩 모듈을 컴파일하는 것입니다.

빌드가 완료되면 프로덕션을 위해 사이트를 실행할 수 있습니다.

npm start

이제로 이동 http://yourip:3000하면 Nuxt.js 시작 화면이 표시되어 프로덕션 모드에서 실행되고 있음을 확인합니다.

PM2 : 응용 프로그램을 쉽게 관리

이제 프로덕션 애플리케이션을 실행하는 기본 사항을 이해했습니다. 프로덕션 환경과 관련하여 우리는 응용 프로그램을 영원히 계속 실행하고 필요한 경우 응용 프로그램을 자동으로 다시 시작하며 응용 프로그램의 리소스를 모니터링하는 좋은 방법을 선호합니다. PM2 (Process Manager 2)가 등장합니다. PM2는 프로덕션 응용 프로그램을위한 Node.js 프로세스 관리자입니다. 여기에는로드 밸런싱, 고급 로그, 시작 스크립트 등과 같은 많은 중요한 프로덕션 도구가 포함됩니다. 먼저 PM2를 설치하십시오.

npm install pm2 -g

이렇게하면 PM2가 전체적으로 설치되므로 서버 어디에서나 사용할 수 있습니다. PM2 다운로드가 완료되면 응용 프로그램을 시작할 수 있습니다.

pm2 start <appfolder>/server/index.js

애플리케이션 루트 내부에있는 서버 파일을 시작합니다.

응용 프로그램이 소비하는 리소스를 보려면 pm2 monit명령을 사용하십시오. 그러면 애플리케이션의 RAM, CPU 및 디스크 사용량에 대한 데이터를 정확하게 수집 할 수있는 ncurses와 유사한 인터페이스가 나타납니다.

이제 npm을 사용하여 애플리케이션을 실행했을 때와 동일한 방식으로 애플리케이션이 실행됩니다. 단, 프로덕션 최적화와 관련하여 훨씬 많은 제어 기능이 있습니다.

Node.js 및 Ubuntu 18.04를 사용하여 프로덕션 용으로 배포 된 Nuxt.js 애플리케이션 빌드가 있습니다. Nuxt에 대한 자세한 내용과 그 기능에 대한 자세한 내용은 공식 문서 를 참조하십시오 .