[React-Native] app.json에서 env 파일 사용하기

1. app.config.js 생성

루트 폴더에 app.config.js를 생성한다.

app.json에서 env파일을 사용하기 위해서는 직접 app.json에서 process.env.뭐시기로 사용할 수 없는데 이를 app.config.js에서 export해서 사용해야만 한다.

2. export하기

app.config.js에서 모듈을 export해준다.

여기선 안드로이드에 googleMaps의 api키를 등록하는 방법에 대해서 예시를 들 것이다.

module.exports = {
	
}

이후 app.json에서 사용하는 android에 관한 값을 app.config.js에 넣어준다.

module.exports = {
	android:{
    	package: "앱 배포 주소",
      	permissions: ["권한 내용들"],
      	config:{
        	googleMaps:{
            	apiKey: "여기다가 env파일을 사용함"
            }
        }
    }
}

이제 app.config.js에서 env파일을 사용할 수 있도록 import를 해오고 환경변수를 넣어준다.

import * as dotenv from "dotenv"

module.exports = {
	android:{
    	package: "앱 배포 주소",
      	permissions: ["권한 내용들"],
      	config:{
        	googleMaps:{
            	apiKey: process.env.GOOGLE_API_KEY
            }
        }
    }
}

이제 app.json에 가서 android부분의 구글 api키를 비워준다.

...
android : {
  ...
  "config": {
        "googleMaps": {
          "apiKey": ""
        }
      }
}
...

이렇게 하면 app.json에서도 환경변수의 값을 사용할 수 있다.

app.config.js를 gitignore파일에서 push를 제외시켜야 한다.