-
1월 17일 - 웹 사이트 만들기(11) - 환경변수 사용해서 로컬, 프로덕션 설정 다르게 하기/주요 값을 코드에서 관리하지 않기공부/웹 사이트 개발(끝) 2021. 1. 17. 20:38
어제는... 정말 감동의 배포였다. 빵끗
node.js에서는 아래의 코드를 통해 환경변수에 접근할 수 있다.
pocess.env.환경변수명
환경변수를 사용하려는 이유는
로컬이냐, 프로덕트냐에 따라 프론트 - 백 - DB 간에 통신을 할 때 설정을 다르게 하기 위함과
DB 패스워드 같은 것들을 코드에서 관리하지 않기 위함이다.
printenv 명령어를 통해 현 컴퓨터에 있는 환경변수를 확인할 수 있는데, 이 값중 하나를 node.js 환경에서 아래처럼 출력을 해보면 좀 더 쉽게 환경변수의 개념을 이해할 수 있다.
process.env.환경변수이름
elastic beanstalk 환경변수 사용하기
엘라스틱 빈즈토크 구성 -> 소프트웨어 편집을 들어가면 아래와 같은 항목을 찾을 수 있다.
이름과 값을 넣으면 프로덕션 상에서 process.env.NODE_ENV의 값이 production이 된다.
아래와 같이 설정을 해보고 코드를 수정해보자.
프론트엔드 프로젝트의 적절한 위치에 상수를 정의하는 파일을 만들어 준다.
아래와 같이 코드를 설정하면 프로덕션일 때와 아닐 때 api-server 엔드포인트를 다르게 할 수 있다.
api server의 코드도 환경변수와 코드를 수정해준다.
이렇게하면 프로덕션일 때랑 아닐 때랑 다르게 엔드포인트 및 각종 설정들이 셋팅되고, 중요한 값들이 코드에서 관리되지 않는다!
'공부 > 웹 사이트 개발(끝)' 카테고리의 다른 글
1월 19일 - 웹 사이트 만들기(13) - eb 배포 next build 없이, node_modules이 없어도 올릴 수 있도록 (0) 2021.01.19 1월 18일 - 웹 사이트 만들기(12) - 백엔드 .js 파일 안 보이게 하기 (0) 2021.01.18 1월 14~16일 - 웹 사이트 만들기(10) - elastic beanstalk에 배포하기 (0) 2021.01.14 1월 11~12일 - 웹 사이트 만들기(9) - reactstrap, graphql 요청, jwt 토큰 (1) 2021.01.11 1월 10일 - 웹 사이트 만들기(8) - 회원가입 관련 테이블 만들기, sequelize, GraphQL 코드 모듈화 (0) 2021.01.10