.env 생성, baseUrl 관리

Seonhee Kim·2023년 7월 12일
0

FYI

목록 보기
3/12
  1. 라이브러리 선택 (react-native-dotenv || react-native-config 중 선택해서 설치, 나는 config로 함)

  2. package.json이랑 같은 레벨에 .env 파일 생성하고 내부에 baseUrl key=value 형식으로 정리해놓기

    BASE_URL='베이스주소~~/'
    SOCKET_URL='주소~~/'
  3. url 사용하는 컴포넌트에 import 해서 사용

    import Config from 'react-native-config';

    이렇게 임포트해서

    const connected = io(${Config.SOCKET_URL}main);

    원래 사용하던 곳에 변수로 name 필드를 더해 사용

  4. gitIgnore에 .env 추가

여기까지만하면 ios는 적용가능


안드로이드는 몇 가지 명령어를 추가해주어야 함

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"

참고한 블로그 : https://ssilook.tistory.com/entry/React-Native-RN-환경-변수를-활용한-API-key-숨기기

profile
안녕하세요 ~_~

0개의 댓글