aws 3티어 아키텍처 https 배포 관련 질문드립니다.

Question

팀프로젝트을 마무리하는 단계에서 https 설정을 하는데 어려움이 많아 질문드립니다!참고 레퍼런스: https://www.youtube.com/watch?v&#61;WS2n8mkrFaY 해당 영상에서 cloudfront를 이용한 https 환경 구축을 시도했습니다. 하지만 이 영상에서 알려준 방법과 별개로 프로젝트 아키텍처 구성에서 문제가 발생한다고 생각돼 질문드립니다. 사용한 기술스택: spring boot, react, ec2, rds, s3, route53, cloudfront 진행 상황: ec2로 서버배포, s3를 통해 클라이언트 배포를 완료하고 route53을 이용해 http환경 구현 > 기능테스트 완료. cloudfront 적용해 https로 도메인 접속 확인. 하지만 클라이언트 - 서버 통신에서 mixed content 오류 발생.Mixed Content: The page at 'https://www.도메인.com/xxx/1' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://ec2-x-xx-xx-xxx.ap-northeast-2.compute.amazonaws.com:8080/xxx/1/xxx/xxx'. This request has been blocked; the content must be served over HTTPS.참고한 레퍼런스를 참고한 제 프로젝트의 아키텍처 구조입니다. 레퍼런스와 달리 제 프로젝트에서는 https 도메인에서 서버로 http 요청을 보내야하는데, 요청이 block돼 특정 헤더를 추가했습니다. > mixed contentcloudfront 원본 도메인은 s3 웹 사이트 엔드포인트를 적용했습니다. mixed content 오류로 인한 헤더 추가 https://wellsw.tistory.com/34 > 모든 요청이 https로 변환 하지만 ec2가 https 요청을 받아들이지 못하는 상황. 보안그룹 인바운드 규칙(http, https, ssh 적용) 5. 2번에서 'http://ec2-x-xx-xx-xxx.ap-northeast-2.compute.amazonaws.com:8080/xxx/1/xxx/xxx'. 요청의 8080 포트를 443으로 변경해보기도 했지만 여전히 연결이 안됩니다.cloudfront에 ALB를 추가해서 2번 이미지의 HTTP 연결도 HTTPS로 변경해보려 시도했지만 여전히 도메인에서 EC2로 요청을 보내는 게 거부되었습니다.인바운드 규칙, cloudfront 설정이 원인인 것 같은데 해결 방법을 잘 모르겠습니다. 도와주세요 ㅜㅜ

집킨 · Accepted Answer

Cloudfront와 s3를 연동해서 클라이언트는 정상 접속이 되고 있고, 클라이언트에서 서버로 요청을 보내는게 안되는거라면 ec2 앞에 ALB 를 붙이고, ALB에 ssl인증서 등록해서 https 통신을 하면 됩니다물론 Route53으로 ALB를 도메인과 연결해줘야겠죠

Gear · Answer

저는 AWS를 잘 모르지만, EC2라면 컴퓨팅 자원을 빌려주는 것으로 압니다.다른 더 좋은 방법이 있을지도 모르지만, AWS를 잘 모르는 입장에서 생각 해보면 EC2에 Nginx를 설치하여 https로 제공해주면 될 것으로 생각되네요.

Lamanus · Answer

cloudfront에서 alb로 호출할 것 같은데, s3에 배포된 클라이언트에서 api 호출시에 cloudfront 도메인을 이용한 경로로 호출해야 htttps 호출이 될 것 같네요.

aws 3티어 아키텍처 https 배포 관련 질문드립니다.

3개의 답변

Q&A 목록