56일차 TIL 배포2

김성훈·2021년 12월 8일
0

내일배움캠프 TIL

목록 보기
34/44
post-thumbnail

📢TMI📢

합쳐보기


✍TIL(Today I Learned)✍

나눠서 배포했던 프론트 백 합치기

1. 클라우드 프론트 도메인 달기

1-2. AWS에서 certificate manager로 SSL 인증서를 발급 받는다

1-3. 가비아 도메인을 하나사서 DNS로 클라우드 프론트 도메인 이름과 certificate manager 인증 받을 때 나오는 값을 달아준다(이거 안하면 인증서 발급 안됨)

1-4. 클라우드 프론트 편집해서 도메인 달아줌

1-5. 다 하면 짜잔

2.EB에도 HTTPS 인증해 주면서 도메인 달기
2-1 . 원래는 이 도메인을 JS쪽에 추가해서 이런식으로 해야 했지만 HTTPS 등록x 및 불편해서 달아줌


2-2. 가비아 DNS에 이런식으로 달아주고

2-3. EB 구성을 443 기본으로 해주면

2-4. 짜잔

2-5. 이런식으로 넣어주면 연결완료!

🎈🎈🎈🎈🎈🎈🎈🎈

주의

하면서 무조건 CORS 오류가 발생 할텐데
참고:https://kkyu-coder.tistory.com/184


👁‍🗨TIF(Today I Feel) 👁‍🗨

오늘은 배포했던 백엔드 프론트를 합치는 작업을 했다. 처음에는 진짜 이거를 도대체 어떻게 합치는거지 하면서 생각을 해도 이해가 안되고 감이 안 잡혔는데 검색도 하고 찾아보면서 아 이렇게 하는 거구나를 알았다 @@하면서 클라우드에 도메인을 달고 그냥 EB 주소로 해봤는데 오류가 발생하는 것이다 왜냐고 하면 클라우드는 HTTPS 가 적용되어 있는데 EB는 적용이 안되어 있어서 크로스가 안되는 것이였다 그래서 EB도 HTTPS 도 달아줬다, 하지만 또 발생하는 CORS 오류 이건 클라이언트 측에서 보안상의 이유로 다른 출처, 즉 URL이 다른 리소스를 참고하느 것을 막고 있어서 발생하는 오류라 한다(위에 참고).@@@ 요것도 해결하니 로컬도 아니고 그냥 프론트에서 페이지 열고 해도 api 잘 작동해서 신기했다 요즘 공부도 하면서 많은것을 알아가니 좋은 거 같다.


📢 To-do list📢

1.코드 리팩토링
2.SWAGGER API 자동화 해보기


<출처>

참고:https://kkyu-coder.tistory.com/184

profile
"한 명이 걷는 천 걸음 보다 천 명이 함께 걷는 한 걸음이 성공의 시작이고 완성이다"

0개의 댓글