TIL_20221216_http, https 배포

배포 관련 트러블 슈팅

 

0. 현재까지 배포 관련한 정리

1. 유화변환 팀프로젝트 서비스의 배포 시도 때 놓친 것들을 바탕으로 이번 비솔루션 팀프로젝트에서 1차 배포는 저번에 비해서는 수월하게 했다.

 

유화변환 팀프로젝트 배포 TIL

TIL_20221129 / TIL_20221201 / TIL_20221202    

비솔루션 팀프로젝트 1차 배포 관련 TIL

TIL_20221213

 

1차 배포 : http 로 배포

 

저번에 이어서 아직 하지 못한것은 https 로 배포하는 것이다.

 

1. 문제점 및 몰랐었던 것

위와 같이 해야 되는데 cloudfront 배포 후에 cloudfront 에서 https request 를 http server에 날려서 Mixed Content 오류가 떴던 저번 프로젝트의 배포를 시간 관계상 아직 해결하지 못했기 때문에, 이번에는 1차 배포 후에 https 관련해서 사전 리서치를 해보며 방법에 대해서 고민을 먼저 해보았다. 여러가지 방법이 있는데 조금 더 쉬워보이는 방법으로 도전

 

2. 리서치를 통해 생각해본 시도 방향

   (1). ACM 에서 인증서 받기 (프론트)

   (2). Cloudfront 로 프론트 배포 - 기존 s3 버켓 배포

   (3). Route53 에서 도메인 연결 

   (4). ACM에서 서버 인증서 발급 (백엔드)

   (5). ALB 생성, 대상그룹생성, route53 에서 server.<도메인이름>

     - server.<도메인이름> 으로 들어오는 것은 ec2로 가도록 설정

   (6). 프론트에서 HTTP로 향하는 request를 HTTPS 로 향하는 request로 변경

 

3. 어떻게 해결하였는지

- 위와 같이 시도하였더니 https 로 배포 완료

 

4. 이로부터 배운 것

- 시간 상 여유가 조금 있따면 문제점에 대해서 미리 생각을 충분히 하고 이에 대한 리서치를 통해 정리 후에 해결을 시도할 경우에 조금 더 안정적으로 해결할 수 있다.

 

참조:

프론트 배포

AWS S3 + CloudFront로 정적 웹 사이트 배포하기

휴몬랩 기술블로그 - S3 와 CloudFront를 이용해 정적 웹사이트 배포하기

lllen.log - AWS S3를 사용한 프론트엔드 배포1 (CLI 방법 포함)

boriguri.log - AWS 정적 웹페이지 배포하기 - S3, CloudFront

mingule - 정적인 페이지를 AWS S3 + Cloudfront로 배포하기

평범한 이야기 - Https 배포를 위한 CloudFront

끄적이는 보송 - [AWS] CloudFront를 이용한 HTTPS 적용

whljm1003.log - AWS S3배포부터 HTTPS적용까지 (3)

ROOPRETELCHAM - [AWS] CloudFront와 S3 연결하기

PLACE OF 42SEOUL STORY - AWS S3, CloudFront로 리액트(프론트) 배포하기

DevBee - [AWS CloudFront] HTTP를 HTTPS로 redirect

DevBee - [AWS Route53] CloudFront에 도메인 설정하기 (+ https)

공부저장소 - [AWS 실습] CloudFront를 이용하여 S3 콘텐츠 배포하기

at_This_Very_Moment.log - 도메인 주소를 이용한 https 인증(1) 프론트 

FE.log - [배포] AWS S3로 배포한 앱에 HTTPS 적용하기

 

 

백엔드 배포

at_This_Very_Moment.log - 도메인 주소를 이용한 https 인증(2) 백엔드

노오력을해라 - [AWS] ALB 리스너 규칙 분석(ALB Listener rule)

경험은 성장 - [AWS] HTTPS 적용

 

---

REST API URI 규칙

 

 

출처:

꾸준함은 최고를 - REST API URI 규칙

 

---

오늘 한일

1. 팀프로젝트 배포