web (3) 썸네일형 리스트형 [spring boot / react / nginx / docker-compose] local, dev, prd 환경 분리 상황 사이드 프로젝트에서 서버 한대에서 front, back을 컨테이너 기반으로 돌리는 중 비용 문제로 서버는 한대로 유지한 채, 운영 중인 서비스에는 영향이 없도록 테스트용 dev환경을 구축하고 싶음 아키텍처 reverse proxy로 nginx를 구동 spring boot, react, docker-compose 사용 db 사용 서버 환경 분리 1. spring boot 환경 분리 - src/main/resource/application.yml를 분리 1) 기존 application.yml에 local, dev, prd 추가 - default는 가장 하단에 기입된 환경 (여기서는 local) ... // 기존 application --- spring: profiles: active: prd --- s.. [nginx + docker + react] websocket connection to ws failed 현상 react + docker-compose + nginx(reverse proxy) 환경에서 /ws 소켓 연결이 끊어지는 현상이 발생 원인 cra에서 기본 포트를 3000포트로 설정해서 나는 에러 해결 1. react에서의 설정 1-1) .env 파일에서 WDS_SOCKET_PORT=0 설정 추가 1-2) 앞의 방법이 아니면, docker-compose에서 하단 설정 추가 environment: - WDS_SOCKET_PORT=0 ex) dev-frontend: container_name: dev-frontend restart: always build: context: ./frontend dockerfile: Dockerfile.dev ports: - "3001:3000" environment: - .. [express, res.cookie] subdomain의 쿠키 공유 node.js에서 google oauth, passport를 사용하다가 aaa.bbb에서 생성한 jwt가 담긴 쿠키를 back.aaa.bbb에서 확인해야하는 일이 생겼다. 한참 헤맸는데,,, subdomain에서도 공유가 가능하도록 설정해주면서 해결했다. 쿠키를 설정할 때, 도메인 앞에 "."을 붙여주면 됨 res.cookie('user', token, { domain: '.aaa.bbb', //subdomain까지 공유하려면 앞에 "."을 붙여줘야함. 안그럼 안보임 }); aaa.bbb와 back.aaa.bbb 모두에서 ".aaa.bbb"로 쿠키가 확인된다. 이전 1 다음
