Ubuntu 16.04에서 Node.js를 사용하여 Hapi.js 웹 응용 프로그램 만들기

• Node.js 설치
• 응용 프로그램 디렉토리 설정
• Hapi.js 설치
• 샘플 애플리케이션 설정
• Nginx 설치
• Nginx 구성
• PM2 설치
• PM2로 앱 시작
• 결론

Hapi.js는 Node.js 에코 시스템에서 웹 애플리케이션을 빌드하도록 설계된 풍부하고 강력하며 강력한 Node.js 프레임 워크입니다. 직관적 인 디자인으로 쉽게 시작할 수 있습니다. Hapi는 ES6 약속과 같은 최신 JavaScript ES6 기능을 핵심으로 사용합니다. 이전에 Express를 사용한 적이있는 사용자를 위해 Hapi를 사용하면 새로운 것을 시도하고 모든 최신 JavaScript 기능을 경험할 수 있습니다.

이 자습서에서는 Vultr VPS에서 호스팅되는 기본 Hapi.js 웹 페이지를 Ubuntu 16.04 LTS에 설정하는 것이 목표입니다. 사이트 도메인이있는 사용자를 위해 리버스 프록시를 사용하여 도메인을 웹 사이트에 연결합니다. 마지막으로 프로세스 관리자를 통해이를 관리하는 방법을 배우게됩니다. 이제 막을 내 렸습니다. 시작하겠습니다.

Node.js 설치

Node.js를 설치해야합니다. Ubuntu 16.04 LTS에서 그렇게하려면 다음 지침을 따르십시오.

리포지토리 추가

Node.js의 최신 LTS 릴리스가 포함 된 NodeSource APT 저장소를 추가해야합니다.

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs

소스 소스 목록에 리포지토리를 추가하고 NodeSource 리포지토리에서 Node.js를 설치하는 데 사용할 스크립트를 다운로드하고 있습니다.

빌드 도구 설치

Node.js 자체를 설치하는 것 외에도 필요한 빌드 도구를 설치해야합니다.이 도구를 사용하면 설치해야 할 모듈을 만들 수 있습니다.

sudo apt-get install -y build-essential

리포지토리에서 빌드 도구를 다운로드하여 설치하기 만하면됩니다.

응용 프로그램 디렉토리 설정

응용 프로그램에 사용할 폴더를 지정하는 것이 좋습니다. 여기에는 구성 파일 및 시작 스크립트와 같은 모든 응용 프로그램 데이터가 포함됩니다. 원하는 이름으로 폴더를 만듭니다. 이 튜토리얼을 위해 이름을이라고 가정합니다 site.

mkdir site

폴더를 만들었 으면 이제 폴더로 변경할 수 있습니다. 방금 생성 한 디렉토리에 있는지 확인한 후 NPM 패키지 마법사를 시작하십시오.

npm init

응용 프로그램 이름, 시작 파일, 라이센스 등과 같은 몇 가지 다른 사항을 입력하라는 메시지가 표시됩니다. 응용 프로그램 이름과 같이보다 명확한 필드를 제외하고 대부분의 필드를 기본값으로 둘 수 있습니다. 결국 다음과 같이 보일 것입니다.

{
  "name": "site",
  "version": "1.0.0",
  "description": "Hapi.js site",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "rich",
  "license": "MIT"
}

결과에 만족하면를 클릭 ENTER하여 파일을 저장하십시오.

Hapi.js 설치

디렉토리가 성공적으로 생성되었으므로 이제 Hapi.js 설치를 진행할 수 있습니다. 앞에서 언급했듯이 NPM을 사용하여 프로젝트에 대한 Hapi.js 및 종속성을 다운로드합니다. 프로젝트 디렉토리에서 다음을 실행하십시오.

npm install hapi.js

NPM에서 Hapi.js를 다운로드하여 프로젝트 디렉토리에 설치합니다. 같은 실행에서 Hapi.js가 의존 할 수있는 모든 종속성도 편의상 다운로드됩니다.

샘플 애플리케이션 설정

이제 기본 Hapi.js 애플리케이션 파일을 설정할 차례입니다. 여기에는 응용 프로그램에 대한 모든 코드가 포함됩니다. 더 나아가서 애플리케이션 코드를 확장하고 적절하다고 생각되는 것에 더 추가 할 수 있습니다.

다음으로 시작 파일을 만듭니다. 파일 이름을 정확히 지정하는 방법을 결정하려면 파일 main섹션을 다시 참조하십시오 package.json. 기본 이름 지정 체계를 사용 했으므로 파일이 호출 index.js됩니다.

nano index.js

나노 텍스트 편집기 안에 있으면 기본 응용 프로그램 코드를 작성하십시오.

const Hapi=require('hapi');
const server=Hapi.server({
    host:'localhost',
    port: 3000
});

server.route({
    method:'GET',
    path:'/',
    handler:((request,h)) => {
        return 'Sample Hapi.js Application';
    }
});
async function start() {

    try {
        await server.start();
    } catch (err) {
        console.log(err);
        process.exit(1);
    }
    console.log(`Our server is running! ${server.info.uri}`);
};

start();

먼저 Hapi 모듈을 가져옵니다. 그런 다음 서버를 실행하려는 호스트 3000와이 자습서 의 포트 인 서버 생성자를 초기화합니다 . 다음으로, 누군가가 사이트를 방문 할 때마다 간단한 메시지가 표시 될 것임을 나타내는 기본 라우터를 설정했습니다. 무엇보다도 서버를 시작하는 비동기 기능이 있으며 서버가 실행중인 콘솔에 기록됩니다. 완료되면 파일을 저장하고 닫습니다 ( CTRL+ X)

기본 파일이 설정되었으므로 응용 프로그램을 시작할 준비가되었습니다.

node index.js

Our server is running!콘솔에 " "가 표시 되면 서버가 성공적으로 시작된 것입니다.

Nginx 설치

Nginx는 기본 Ubuntu 리포지토리에서 사용할 수 있으므로 설치가 간단합니다. 패키지 목록을 업데이트하고 설치하기 만하면됩니다.

sudo apt update
sudo apt install nginx -y 

패키지 목록을 새로 고친 후 Nginx 및 해당 종속성이 설치됩니다.

Nginx 구성

Nginx가 애플리케이션을 리버스 프록시하려면 구성 파일을 만들어야합니다. 이 구성 파일은 Nginx가 리버스 프록시에 사용할 애플리케이션에 대한 정보를 보유합니다.

Nginx가 생성 한 기본 구성을 삭제하십시오. 나중에 자체 구성으로 교체 할 것입니다.

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

sites-available폴더에 새 파일을 만듭니다 . 명명에 관해서는 site단순성을 위해 간단하게 고수 할 수 있습니다 .

sudo nano /etc/nginx/sites-available/site

파일에 다음을 붙여넣고 저장하십시오.

server {
    listen 80;
    location / {
          proxy_set_header X-Real-IP 
          $remote_addr;
          proxy_set_header 
          X-Forwarded-For 
          $proxy_add_x_forwarded_for;
          proxy_set_header Host 
          $http_host;
          proxy_set_header 
        X-NginX-Proxy true; proxy_pass 
       http://127.0.0.1:3000/;
    proxy_redirect off;
    proxy_http_version 1.1;
    proxy_set_header Upgrade 
     $http_upgrade;
    proxy_set_header Connection 
    "upgrade";
    proxy_redirect off;
    proxy_set_header 
   X-Forwarded-Proto $scheme;
    }
}

이 파일에서 우리는 Nginx에게 port에서 수신 대기하도록 지시하고 80있습니다. 또한 프록시 패스 스루를 Hapi 애플리케이션과 동일한 포트 인 port localhost및 port 로 설정합니다 3000.

이제 응용 프로그램 디렉토리로 돌아가서 사이트를 시작할 수 있습니다. 사이트가 시작되면 간단히 http://yourdomain.com또는로 이동 http://yourip하면 텍스트 " Hello World"가 표시됩니다.

PM2 설치

PM2는 NPM 리포지토리에서 찾을 수 있으며 어디에서나 액세스 할 수 있도록 전역에 설치할 수 있습니다.

sudo npm install pm2 -g

-g끝에 있는 플래그는 모듈을 전역 모듈 폴더에 설치하려고하므로 프로젝트 디렉토리 외부에서 사용할 수 있습니다. 이는 프로젝트가 일반 시스템 응용 프로그램처럼 동작하기 위해 사용됩니다.

PM2로 앱 시작

PM2를 설치 한 후에는 프로젝트 디렉토리로 다시 이동하십시오. 응용 프로그램을 시작하는 구문은 이제 약간 다릅니다. 이것이 PM2로하는 방법입니다.

pm2 start index.js --name site

우리는 PM2 시작 기능을 사용하는데 기본적으로 이름 아래에 애플리케이션에 대한 프로파일을 작성합니다 site. 해당 명령을 실행하면 웹 사이트가 시작되지만 로그가 표시되지 않습니다. 로그를 보는 방식이 다르기 때문입니다.

pm2 logs site

--lines인수를 사용하여보고 싶은 로그 줄 수를 지정할 수도 있습니다 .

결론

Hapi.js 웹 서버를 성공적으로 설정하고 Nginx로 리버스 프록시하고 PM2로 더 잘 관리하는 방법을 배웠습니다. 이 지식을 통해이 자습서를 더욱 확장하고 고급 Hapi.js 응용 프로그램을 만들 수 있습니다. Hapi의 가능성에 대한 자세한 내용은 공식 설명서를 참조하십시오 . PM2의 가능성에 대한 자세한 내용은 빠른 시작 안내서를 참조하십시오 .