Client Side Rendering 일 때 ... 시도했던 방법
최종 구현물은 Server Side Rendering이다.
참고 링크
AWS S3 + CloudFront로 정적 웹 사이트 배포하기 - Puterism
1) S3 버킷 생성
버킷 설정들
2) 정적 웹 호스팅 허용
3) 배포하고자 하는 파일만들기
우선 아직 프론트 개발이 미완성이기 때문에, 배포할 간단한 파일을 만들었다.
다음과 같이 코드 작성
만약, 배포에 성공했다면, 보여질 화면은 다음과 같다.
4) 배포하고자 하는 파일들 업로드 하기
[객체] - [업로드]
5) CloudFront 배포 생성 및 설정
이제 CloudFront를 만들어보자.
CloudFront로 이동해서 [배포 생성] 클릭
cloudfront를 만들기 위한 설정을 해준다.
원래 Origin Shield를 설정하면 속도면에서 빨라진다고 하는데, 요청 건수 마다 과금이 든다고 하니 패스..
대체 도메인 이름 넣기 - 인증서 생성하기 (버지니아 북부 용 인증서가 없음)
정보 입력
그 후의 인증서 등록 과정은 private docker registry를 구축할 때 만들었던 인증서 생성 방법을 참고 했다.
생성이 완료되면 새로 고침 누른 후 인증서를 등록해준다.
이렇게까지 하면 설정은 다되었기 때문에 [배포 생성]을 클릭
5) 구입한 도메인에 CloudFront에서 생성된 기본 도메인 등록해주기
Route 53으로 가서 [호스팅 영역] 선택
6) 접속해보기
p2kcloud.com으로 접속을 하려고 하는데, 오류 발생
원인 1 : 버킷 정책 생성해주지 않음
1) S3의 해당 버킷으로 들어간다.
2) 버킷 정책 편집 클릭
3) ARN 밑에 있는 것을 복사하고 [정책 생성기] 클릭
참고 링크
4) 정책 만들기
5) JSON 파일로 바꾸기
6) 정책 추가하기
Generate Policy 클릭하면 나오는 화면의 JSON 복사하기
원인 2 : cloudfront와 route 53과의 연결을 제대로 하지 않음
참고 링크
[AWS Route53] CloudFront에 도메인 설정하기 (+ https)
+) route 53에서 레코드 생성 시, CNAME은 root 도메인 사용 불가
route 53
cloudfront
참고 링크
cloudfront custom origin(s3)사용시 origin 서버 직접 엑세스 방지하기 - Onlab
+) cloudfront 설정 몇가지 더 수정
참고 링크
원인 3 : ssl 인증서 생성
ssl 인증서 생성할 때 www.p2kcloud.com으로 다시 발급
최종 원인
ssl 인증서 생성할 때 www.p2kcloud.com으로 다시 발급
+) 추가 수정 사항
s3 버킷 정책에서 추가로 직접 설정해준 것 말고 자동으로 생성된 정책만 남겨두기
최종 결과 !!!
'💻 개발 > 졸업과제' 카테고리의 다른 글
| Container Manager 환경 구축하기 (0) | 2023.08.15 |
|---|---|
| 멀티 클라우드 적용하기 : 아이디어 (0) | 2023.08.09 |
| EC2의 desktop 접속하기 (0) | 2023.07.24 |
| private docker registry에 local에서 생성한 desktop container 이미지 push하기 (0) | 2023.07.24 |
| container에 desktop 설치하기 & 접속하기 (0) | 2023.07.24 |
