데브옵스
AWS Amplify Console을 이용하여 프론트엔드 개발 환경 개선하기
두줄요약
AWS Amplify Console로 Git 기반 자동 배포와 Pull Request별 테스트 환경을 구축했습니다. SPA Rewrite와 HTTPS, Rewrite Rule 적용 문제의 대응 방법도 공유했습니다.
문제 상황
- 공유 테스트 서버로 인한 작업물 검증 일정 조율과 동시 테스트의 어려움
- 수동 배포 반복에 따른 개발자 리소스 소모
해결 방법
- Git repository와 release·develop·stage branch를 AWS Amplify Console App에 연결
- branch 변경 감지 기반 자동 빌드·배포와 Custom Domain 적용
- develop 대상 Pull Request별 Preview URL로 독립 테스트 환경 구성
구조와 흐름
- Git push 또는 병합 후 Amplify Console의 자동 빌드와 S3·CloudFront 호스팅
- Pull Request 생성 후 분리된 Preview 환경 배포와 빌드 상태·URL 확인
주의할 점
- SPA 하위 경로 직접 접근을 위한 Rewrite 설정 필요
- Rewrite Rule 초기화 부재에 대비한 번들 파일 timestamp 적용
- HTTPS 강제 환경의 Mixed Content 방지를 위한 내부 요청 URL의 HTTPS 전환
