[React-Native] 환경변수 api key 숨기기

New York Times api를 사용하기 위해서는 api key가 필요하다.
api key를 하드코딩하면 보안 위험이 있을 수 있으니 환경변수를 활용해서 노출되면 안되는 api key를 숨겨줘야한다.


1. 설치

npm install --save react-native-config

2. env파일 생성

REACT_APP_ARTICLES_API_KEY = '12341234'

3. 설정

android/settings.gradle에 코드 추가

include ':react-native-config'
project(':react-native-config').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-config/android')

android/app/build.gradle 코드 추가

apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"

4. 환경변수 액세스

react-native-config를 import해서 Config뒤에 환경변수를 사용해서 액세스하는 방법이 있다.

import Config from "react-native-config";
Config.REACT_APP_ARTICLES_API_KEY;

<참고>

https://ssilook.tistory.com/entry/React-Native-RN-%ED%99%98%EA%B2%BD-%EB%B3%80%EC%88%98%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%9C-API-key-%EC%88%A8%EA%B8%B0%EA%B8%B0