HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🧚
[1기]최종 프로젝트 데브코스
/
👼
[팀2] 극락이들
/
📰
[극락이들] 3주차 프로젝트 공유사항
/
🪖
front Production 배포 환경 설정
🪖

front Production 배포 환경 설정

생성자
우선순위
2순위
태그
Team
💚해결 완료
조수연
최민석
최민석
김동건
김동건
남명훈
이소진
황일용
완료

문제 상황

Main → cicd → www.jungdam.tk
develop → cicd → test-www.jungam.tk
 
Proxy
  • package.json 주소로 → base_url
  • 그냥 방안?
  • GET 요청은 정상적으로 동작한다.
 
 
test-api.jungdam.tk
  • front 서버 → get
  • Server 서버 → get
  • 올바른 경로 가야한다.
  • CORS → push → 지금은?
  • www
 
 
현재 test 배포 환경이 만들어져있는데, test-www.jungdam.tk 가 아닌 www.jungdam.tk 로 배포가 됨에 따라 생기는 문제점 들이 있습니다.
이슈 해결은 오전 10시코어타임때 진행하겠습니다.

해결 방법

backend test 배포 환경 oauth redirect 관련 url 수정 진행
  • application-oauth.yaml 파일 수정
auth: oauth2: authorizedRedirectUris: - http://localhost:3000/oauth/redirect - http://test-www.jungdam.tk/oauth/redirect # http://www.jungdam.tk/oauth/redirect - https://test-www.jungdam.tk/oauth/redirect # https://www.jungdam.tk/oauth/redirect
밴더사별 provider 환경설정에서 www. 관련 url 확인후 수정 진행
prod 배포 환경을 위해 test 환경에서 사용하던 www. 서브 도메인 을 test-www. 로 고쳐야합니다.
  1. front github action 수정
    1. aws s3 cp \ --region ap-northeast-2 \ --recursive \ build s3://jungdam-test # build s3://jungdam
AWS S3 정적파일 배포 버킷 dir 분리
jungdam-test, jungdam 디렉토리로 분리
AWS Route 53 test-www. 도메인 A Record 추가
AWS cloudfront 설정 변경
 

🚨 프론트랑 회의

문제상황

  • front쪽 배포 환경 셋팅에 대한 설정 의사소통 문제
    • 환경변수 REACT_APP_HOME_URL, REACT_APP_MODE 설정 등이 얘기가 다름.

해결방법

  • front develop 브렌치는 cicd를 적용 해제, 및 코드 병합 지점으로 활용
  • front main 브렌치에 cicd 적용 및 www.jungdam.tk 도메인으로 베포
  • .env → github action 주입이 필요
    • 노출 여부 결정 상의해보기.
  • back develop 브렌치의 application-dev.yaml 파일에 auth.oauth2.authorizedRedirectUri 에 localhost만 등록.

결과