TIL21 | 내가 보려고 올리는 -AWS Amplify 프론트엔드 배포

AWS Amplify

📃 AWS Amplify는 AWS 리소스들을 손쉽게 프론트, 백엔드, 호스팅, 배포까지 돕는 서비스의 집합임, 클라우드파워 기반의 모바일, 웹앱 개발 배포를 가능하게 함 => repository 기반의 소스를 빌드, 배포, 테스트가 가능.

프론트엔드 배포

1. AWS Management Console 로그인하고 Amplify 콘솔을 엽니다.
2. 모든 앱 페이지에서 새 앱을 선택한 다음 오른쪽 상단에서 웹 앱 호스팅을 선택합니다.
3. 해당 GitHub, Bitbucket 또는AWS CodeCommit 리포지토리 공급자를 선택한 다음 계속을 선택합니다. GitLab
4. Amplify는 git 리포지토리에 대한 액세스를 승인합니다. GitHub 리포지토리의 경우 Amplify는 이제 GitHub 앱 기능을 사용하여 Amplify 액세스를 승인합니다.
   GitHub 앱 설치 및 인증에 대한 자세한 내용은 을 참조하십시오 GitHub리포지토리에 대한 Amplify 액세스 설정.
5. 리포지토리 분기 추가 페이지에서 다음 작업을 수행합니다.
   a. 최근 업데이트된 리포지토리 목록에서 연결할 리포지토리의 이름을 선택합니다.
   b. 브랜치 목록에서 연결할 리포지토리 브랜치의 이름을 선택합니다.
   c. Next(다음)을 선택합니다.
6. 빌드 설정 구성 페이지에서 다음을 선택합니다.
7. 검토 페이지에서 저장 및 배포를 선택합니다.

배포과정

• AWS 사이트에 접속 후 로그인을 한다.로그인을 하면 위와 같은 화면이 나오면 체크표시 된 "AWS Amplify" 를 클릭한다.

위와 같은 화면이 나오면 배포를 위해 "Host an app"을 클릭한다.

위와 같은 화면이 나오면 해당되는 소스코드 를 체크하고 넘어간다.


해당되는 repository branch를 추가한다.


build setting 에서 관리될 App name을 설정한다.

검토후 확인한다.

자동으로 빌드가 되고, 체크부분이 해당 App 의 url 주소값이 된다.