Fly.io를 사용하여 Node JS 웹 앱 배포

Dec 04 2022
웹 애플리케이션을 배포하기 전에 명시적으로 CORS 정책을 구현했는지 확인하십시오. Wikipedia에 따르면: CORS(Cross-Origin Resource Sharing)는 제한된 리소스(예:

웹 애플리케이션을 배포하기 전에 명시적으로 CORS 정책을 구현했는지 확인하십시오.

위키피디아 에 따르면 :

CORS(Cross-Origin Resource Sharing)는 웹 페이지의 제한된 리소스(예: 글꼴)를 첫 번째 리소스가 제공된 도메인 외부의 다른 도메인에서 요청할 수 있도록 허용하는 메커니즘입니다. 웹 페이지는 원본 간 이미지, 스타일시트, 스크립트, iframe 및 비디오를 자유롭게 포함할 수 있습니다. 특정 "도메인 간" 요청, 특히 Ajax 요청은 동일 출처 보안 정책에 의해 기본적으로 금지됩니다.

익스프레스 애플리케이션에서 다음 명령을 사용하여 CORS를 설치합니다.

npm 설치 코어

모든 출처의 요청을 수락하기 위해 미들웨어를 구현합니다.

'cors'에서 가져오기 cors;

app.use(cors());

이제 앱을 배포하려면 fly.io가 필요합니다. 계정이 없으면 계정을 만드십시오. 무료로 서비스를 사용할 수 있지만 응용 프로그램을 시작하려면 신용 카드 정보를 제공해야 합니다.

fly.io를 사용하려면 먼저 운영 체제에 flyctl을 설치합니다.

Mac의 경우 homebrew를 사용하거나 스크립트를 통해 설치할 수 있습니다.

양조 설치 flyctl

또는

컬 -L https://fly.io/install.sh | 쉿

Linux의 경우 설치 스크립트 실행

컬 -L https://fly.io/install.sh | 쉿

Windows의 경우 PowerShell 설치 스크립트 실행

iwr https://fly.io/install.ps1 -useb | iex

이 모든 프로세스가 끝나면 이제 애플리케이션을 웹에 배포할 시간입니다. 터미널은 프로젝트 수준 디렉터리에 있어야 합니다.

다음 명령을 사용하여 인증하여 시작합니다.

flyctl 인증 로그인

다음 명령을 사용하여 앱을 초기화합니다.

flyctl 발사

사용하려는 앱 이름, 서버 지역 및 데이터베이스를 선택하라는 메시지가 표시됩니다.

Dockerfile 및 .dockerignore 파일을 자동으로 생성합니다.

마지막 질문은 "지금 배포하시겠습니까(y/N)?"입니다. 'y'를 선택합니다. 그런 다음 앱이 fly.io 서버에 배포됩니다.

fly.io 대시보드에서 애플리케이션을 볼 수 있습니다. 필요에 따라 생산을 모니터링하고 확장할 수 있습니다.

무언가를 업데이트해야 하는 경우 다음 명령을 사용하여 코드를 업데이트하고 재배포할 수 있습니다.

flyctl 배포

로그인 터미널 또는 명령 프롬프트를 보려면. 다음 명령을 사용할 수 있습니다.

flyctl 로그

애플리케이션을 성공적으로 배포하면 fly.toml 파일이 자동으로 생성됩니다. 여기에는 서버에 있는 앱의 모든 구성 설정이 포함됩니다. 필요에 따라 구성을 추가할 수 있으며 그 후에 위의 배포 명령을 사용하여 앱을 다시 배포해야 합니다.

애플리케이션 정보 내의 호스트 이름은 귀하가 호스팅한 사이트의 URL입니다.

공식 사이트에서 자세한 내용을 확인할 수 있습니다.