RSS DEV 커뮤니티

Angular로 구축한 사이트를 GCP App Engine Standard에 배포하기

Google Cloud App Engine Standard는 정적 또는 프레임워크로 생성된 웹 프론트엔드를 배포하는 경제적인 방법을 제공합니다. 이 관리형 솔루션은 인기 있는 언어 지원, 고급 진단, 버전 관리 및 보안과 같은 이점을 제공합니다. 웹 페이지를 App Engine에 배포하려면 먼저 Google Cloud에서 프로젝트를 설정해야 하며, 특히 Python 및 Standard 환경에 맞게 구성해야 합니다. 다음으로, 두 가지 중요한 파일인 app.yaml과 .gcloudignore를 추가하여 로컬 프로젝트를 준비합니다. app.yaml 파일은 App Engine의 배포 디스크립터 역할을 하며, 런타임 설정 및 정적 파일과 기본 index.html에 대한 URL 핸들러를 지정합니다. .gcloudignore 파일은 node_modules와 같이 불필요한 파일이 App Engine에 업로드되는 것을 방지합니다. 로컬 프로젝트 구성을 마친 후에는 Google Cloud SDK를 사용하여 웹사이트를 게시합니다. Cloud SDK 클라이언트를 설치하고 셸에서 프로젝트 디렉토리로 이동합니다. 먼저 npm install 및 npm run build를 실행하여 Angular 프로젝트를 빌드합니다. gcloud info를 실행하여 Cloud SDK가 올바른 Google Cloud 프로젝트로 구성되었는지 확인합니다. 프로젝트 설정이 올바르지 않으면 gcloud init을 사용하여 구성을 다시 초기화합니다. 프로젝트가 빌드되고 SDK가 올바르게 구성되면 gcloud app deploy를 실행합니다. Cloud SDK 셸에서 'Y'를 눌러 배포를 확인합니다. 성공적으로 완료되면 배포된 서비스에 대한 확인 메시지와 액세스 URL을 받게 됩니다. 그런 다음 Google Cloud 콘솔에서 배포를 확인할 수 있으며, 여기서 새 버전에 들어오는 트래픽의 100%가 할당됩니다. 예제 배포는 https://deployfrontendweb.rj.r.appspot.com에서 액세스할 수 있습니다.
favicon
dev.to
Publicar un sitio web con angular en GCP AppEngine Standard