티스토리 뷰

반응형

dotenv를 활용하여 공개하지 말아야할 내용을 숨기는 방식을 알아보자. 우리는 github에 올리기 싫은 파일이나 보안 때문에 중요한 파일들은 따로 저장할 필요가 있다. 주로 process.env로 환경 변수를 다루기도 하지만, 파일고 관리하려면 다음과 같이 하면된다. 매우 쉽다.

 

추가로 다른 frontend와 backend에 관한 정보는 아래의 링크를 참고하면 프로젝트에 많은 도움 될 것이다.

 

[Web/nodejs] - nodejs 기초 총 정리

 

 

1. 설치

$ npm i dotenv

 

 

2. .env 파일 생성

> 파일 최상단 위치에  아래와 같이 .env 파일을 만든다.

 


test 용으로 아래와 같이 작성했다. 단, 주의할 점은 작성 시 key와 value 형태로 적어야 한다는 것이다. 아래에서 사용 시 우리는 key 값을 넣어주면 value 값이 나온다.

 

 

TEST_KEY=hanpyishansome
TTT=dontcry

 

 

2.1 추가

만약 .env가 최상위 폴더가 아닌 다른 경로에 있다면, config() 함수 호출 시 path 옵션을 넘겨 주면된다.

 

require("dotenv").config({ path: "/config/.env" })

 

 

3. 사용하기

require("dotenv").config();


router.get('/a/b/c', function(req, res, next){
  console.log(process.env.TEST_KEY)
  console.log(process.env.TTT)
  
  res.send('신기해')
})

 

위와 같이 dotenv를 가지고온다. 그리고 process.env 뒤에 위에서 적은 key 값을 적어주면 사용가능하다. api로 값을 쏴주면, 아래와 같이 값이 잘 뜨는 것을 확인 할 수 있다.

 

 

 

3.1 import 사용하기

> 기본적으로 .env가 설정됐다고 가정하고 진행해 보겠다.

// env.js

import dotenv from "dotenv";
dotenv.config();

export const test_key = process.env.TEST_KEY;
export const ttt = process.env.TTT;

 

위에서 등록을 한 후에 아래와 같이 불러오기가 가능하다.

 

import { test_key, ttt } from "env.js";

console.log(test_key);
console.log(ttt);

 

위와 같이 사용하는 것도 가능하다.

반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함