AWS Amplify console Hosting

AWS Amplify console Hosting
Photo by Sebastian Svenson / Unsplash

Welcome to AWS Amplify Hosting - AWS Amplify Hosting
Learn about using Amplify to deploy and host apps, and managing them using Amplify Studio.
AWS Amplify Console을 이용한 프론트엔드 배포자동화 시스템 구축하기
이번 포스팅에서는 AWS의 Amplify Console 서비스에 대해서 정리해보려 합니다. Amplify는 사실 3가지로 나눠집니다. (1) Amplify 라이브러리: 클라우드 기능을 편리하게 사용할 수 있는 Javascript 라이브러리 (2) Amplify CLI: CLI 환경에서 클라우드 서비스를 생성, 관리 할 수 있는 tool (3) Amplify Console: 정적 웹 호스팅을 위한 서버리스 지속적 배포 서비스 이 중에서 최근에 저는 Amplify Console에 대해서 알아보고 매력을 느껴서 블로그로 정리해두려합니다.…

유지 관리

  • 기본적으로, 빌드 오류 내용 확인하러 웹 콘솔에 들어가보는 정도 외엔 사람의 손이 거의 필요 없음
  • Amplify의 App은 일반적으로 코드저장소의 Repository에 해당
  • 기존 App에서 브랜치를 추가할 경우, 해당 앱을 선택했을 때 처음 나오는 메인페이지에서 <브랜치 연결>을 통해 신규 브랜치 배포를 추가할 수 있고, 환경 변수 등의 설정을 브랜치별로 관리

신규 연결

  1. Github 이 로그인 되어 있는 브라우저에서 AWS 콘솔 로그인 후 AWS Amplify 접근

  2. 연결하려는 Repository의 Admin 권한이 로그인된 Github 계정에 있는지 사전 확인 (웹훅 연결 설정 등에 필요한듯)

  3. <웹 앱 호스팅> 신규 선택 >> Github 선택 및 계속

    1. Repository 선택 후 Branch 선택 >> 빌드 스크립트 및 빌드 이미지의 Node.js 버전설정 확인
    2. 연결 설정 끝까지 진행하여, 최초 배포 성공 확인
  4. 기본 제공되는 amplifyapp.com 도메인도 사용 가능하지만, 별도 도메인도 가능(Route 53은 선택 항목 기연결)

    1. 기존 DNS에 이미 등록된 도메인 레코드를 사용할 경우, 도메인 연결이 실패할 수 있으므로 미리 정리 후 연결
    2. 사용자 지정 도메인 연결 후 자동으로 소유권 확인 및 SSL 연결을 해주고, 최종 사용할 수 있도록 최적화해주는 데에 약 10~30분 정도 소요
  5. <알림> 메뉴에 설정된 메일 주소로 배포 시작과 결과를 알려주는데, AWS SNS로 해당 내용을 Slack 등의 메신저 연동으로 전달 받으면 편리