클라우드 타입을 이용하여 리액트, 스프링부트 배포
처음 배포할때에는 db와 서버는 클라우드 타입 리액트는 netlify로 배포하였다.
그러나 서로 도메인이 달라 cors문제가 발생하였고 이걸 해결하기 위해 이것저것 해봤지만 시큐리티의 세션을 쿠키로 전달하는 과정 때문에 대부분 막혀 결국 리액트도 크라우드 타입으로 같은 도메인은 사용하도록 배포하였다.
클라우드 타입으로 스프링부트 배포 하는법
깃허브 레퍼지토리에서 자신의 스프링부트 레퍼지토리를 선택하고 그 후
자신의 프로젝트에 맞는 자바 버전을 저기서 설정할 수 있다.
환경변수는
이렇게 설정할수 있는데 이때
application.yml 파일에
spring:
profiles:
active: ${PROFILE}
profile는 환경변수가 집어넣을 파일명을 의미한다
application-take.yml
spring:
application:
name:
datasource:
url: jdbc:mariadb://${TAKE_HOST}:${TAKE_PORT}/todo
username: root
password: ${TAKE_PW}
이렇게 환경변수를 다 집어넣었다면 아래에 배포하기 누르면 알아서 배포된다.
리액트도 다를 바는 없다
환경변수, 그리고 노드 js 버전인 부분에서 현재 자기 리액트의 버전을 고르고 그 후 build commond에 npm run build를 작성해 주고 배포를 누르면 끝이 난다.
반응형
'프로젝트' 카테고리의 다른 글
TaskHub (0) | 2024.12.28 |
---|---|
TaskHub 프로젝트 개요 (1) | 2024.12.21 |
이미지 분류 모델 자동화 시스템 (1) | 2024.10.31 |
이미지 분류 모델 자동화 시스템 개요 (1) | 2024.10.10 |
[리액트+스프링부트] Delivery Oracle (0) | 2024.07.28 |