코딩일지/TIL: Today I Learned

20221221 TIL

야언 2022. 12. 21. 18:26

오늘의 한 일

  • 최종프로젝트 - 백엔드 배포 및 프론트엔드와 연결

 

백엔드 배포

 

팀원분께서 부트캠프로부터 금전 지원을 받아서 프리티어가 아닌 더 스펙 높은 ec2 환경을 구축해 백엔드 배포에 성공! 바로 프론트엔드와 연결시켜 보았다.

 

frontend / api.js

// 전역 변수
// EC2 인스턴스 연결 시
// const backend_base_url = "http://ec2인스턴스ip주소";
// 백엔드 서버 연결 시
const backend_base_url = "13.125.224.113";
const frontend_base_url = "http://petso.tk.s3-website.ap-northeast-2.amazonaws.com";

 

 

backend / settings.py

# CORS 허용 목록에 ec2 ip를 추가합니다.
CORS_ORIGIN_WHITELIST = [
'13.125.224.113',
'http://petso.tk.s3-website.ap-northeast-2.amazonaws.com',
]

# CSRF 허용 목록을 CORS와 동일하게 설정합니다.
CSRF_TRUSTED_ORIGINS = CORS_ORIGIN_WHITELIST

 

연결 되는것까지 확인 완료!

 

일단은 프론트, 백 모두 http 환경이라 https도 적용시키는것이 좋겠..습니다만은

 

그런데 freenom으로 구매한 도메인이 너무 느리고 https를 적용시키기 힘들어보여서 도메인도 router53을 통해 구입하는 편이 낫지 않을까 싶다.. 프론트엔드 수정본까지 완성되면 고려해볼것

 

 

 

트러블슈팅 - 웹 배포 환경에서 소셜로그인 적용시키기

 

 

아직 제대로 배포환경에서 건드려보진 못했는데 일단 수순을 생각해보면

createsuperuser - 관리자권한으로 admin페이지 ->사이트명 변경(도메인으로?), 구글 어플리케이션 아이디, 키 입력

 

.env 형식으로 구글 아이디, 키, state 넣기

 

oauth2.0 URI 변경

 

 

 

정도이지 않을까 싶다