VPS 공유 호스팅에서 Strapi + Gatsby 앱 프로덕션 배포의 두 번째 부분에 오신 것을 환영합니다! 🙌


Node를 설치하기 전에 SSH를 통해 서버에 연결해야 합니다. 호스트에서 SSH를 통해 연결하기 위한 모든 데이터를 찾을 수 있습니다.

따라서 터미널에 다음을 입력하십시오.

shh [email protected]

대신 "00.0.000.000"서버 IP를 입력하십시오. 비밀번호 입력 후.

노드 설치

Node를 설치하기 위해서는 자신의 서버에 어떤 OS가 설치되어 있는지 알아야 합니다.

다른 호스트에서는 다른 방법으로 찾을 수 있습니다.
그래서, 당신의 경우에 그것을 찾아야합니다 🤗

제 경우에는 서버에 Cent OS가 설치되어 있었고 이 OS에 Node를 어떻게 설치했는지 보여드리겠습니다.

다른 OS 노드의 경우 일부great documentation 👍

계속합시다.

먼저 yum을 설치합니다.

curl -sL https://rpm.nodesource.com/setup_10.x | sudo bash -

그런 다음 노드를 설치합니다.

sudo yum install nodejs

그게 다야!
노드 버전을 확인할 수 있습니다.

node --version

새 도메인 및 하위 도메인 추가

VestaCP에 도메인을 추가하려면 다음을 수행해야 합니다.
제어판에 로그인하고 웹 섹션으로 이동합니다.

왼쪽 상단에서 웹 도메인 추가를 클릭합니다. 필수 필드를 모두 채우고 추가를 클릭합니다.

또한 하위 도메인을 만들어야 합니다. 하위 도메인을 만드는 절차는 도메인과 동일합니다.

도메인 이름을 입력할 때 "admin"이라고 적어야 합니다. 그것의 앞에.
admin.your-domain.com과 같습니다.

앞으로는 하위 도메인에 Strapi 백엔드를 설치할 것입니다.

VestaCP에서 nginx용 템플릿 추가

VestaCP가 설치된 서버의 nginx용 템플릿은/usr/local/vesta/data/templates/web/nginx/경로에 저장됩니다.

각 템플릿은 두 가지 형식으로 제공되어야 합니다.

*.tpl - http용

*.stpl - ssl(https)용

파일 이름은 동일해야 합니다.

그것들을 만들어 봅시다:

nodeproxy.stpl

server {
  listen   %ip%:%proxy_port%;
  server_name %domain_idn% %alias_idn%;
  error_log /var/log/%web_system%/domains/%domain%.error.log error;

  location /error/ {
    alias  %home%/%user%/web/%domain%/document_errors/;
  }

  location @fallback {
    proxy_pass   http://%ip%:%web_port%;
  }

  location ~ /\.ht  {return 404;}
  location ~ /\.svn/ {return 404;}
  location ~ /\.git/ {return 404;}
  location ~ /\.hg/  {return 404;}
  location ~ /\.bzr/ {return 404;}

  include %home%/%user%/conf/web/nginx.%domain%.conf*;
}

nodeproxy.tpl

server {
  listen   %ip%:%proxy_port%;
  server_name %domain_idn% %alias_idn%;
  error_log /var/log/%web_system%/domains/%domain%.error.log error;

  location /error/ {
    alias  %home%/%user%/web/%domain%/document_errors/;
  }

  location @fallback {
    proxy_pass   http://%ip%:%web_port%;
  }

  location ~ /\.ht  {return 404;}
  location ~ /\.svn/ {return 404;}
  location ~ /\.git/ {return 404;}
  location ~ /\.hg/  {return 404;}
  location ~ /\.bzr/ {return 404;}

  include %home%/%user%/conf/web/nginx.%domain%.conf*;
}

도메인 설정 패널에서 템플릿을 추가한 후 nginx용 템플릿을 선택해야 합니다.

하위 도메인에 대해 위의 모든 단계를 반복해야 합니다.

nginx 구성을 편집한 후 변경 사항을 적용하려면 다시 시작해야 합니다!

이를 위해 VestaCP의 상단 메뉴에 있는 "서버"로 이동합니다.

거기에 nginx가 표시됩니다. 마우스를 움직여 끝을 클릭하고 다시 시작하십시오.

Nginx 구성

nginx용 템플릿을 적용하면/home/{username}/conf/web 경로 아래에 구성 파일이 자동으로 생성됩니다. 템플릿의 내용을 자세히 살펴보겠습니다. 즉, 다음 행에 관심이 있습니다.

include /home/username/conf/web/nginx.example.com.conf*;

nginx 구성 파일은 동적이므로 내용을 변경할 수 없습니다. 그렇지 않으면 템플릿을 재생성한 후 변경 사항을 잃게 됩니다. 그러나 추출할 nginx.example.com.conf* 파일을 만들 수 있습니다. include가 거기에서 이루어지기 때문에 구성 파일의 서버 블록에만 액세스할 수 있다는 점은 주목할 가치가 있습니다. 이는 서버 블록이 자동으로 생성되고 기본 설정이 있어야 하기 때문입니다.

이제 기본 도메인에 대한 파일을 생성해 보겠습니다.

snginx.example.com.conf*

Empty

nginx.example.com.conf*

if ( $scheme = "http" ) {
 rewrite ^/(.*)$ https://$host/$1 permanent;
}

위의 코드는 http에서 https로 요청을 리디렉션합니다.

이제 하위 도메인에 대한 파일을 만듭니다.

snginx.admin.example.com.conf*

location / { 
  proxy_pass http://00.0.000.000:1337;
}

대신 00.0.000.000 서버 IP.

nginx.admin.example.com.conf*

if ( $scheme = "http" ) {
 rewrite ^/(.*)$ https://$host/$1 permanent;
}

그게 다야! 😞

다음 부분에서는 Gatsby 및 Strapi를 배포하고 웹 후크를 만들고 pm2를 설치합니다.

👇🏻추가하고 싶은 내용이 있다면 댓글로 남겨주세요👇🏻