[React Native Expo] env 환경변수 설정하기

root 디렉토리에 냅다 .env 파일만들어준다

EXPO_PUBLIC_API_URL=API주소

이러면 이제 EXPO_PUBLIC_API_URL 값을 소환해서 쓸 수 있다.

const apiUrl = process.env.EXPO_PUBLIC_API_URL;

이렇게 소환해서 가져올수 있는데 문제는 expo 에뮬레이터해서만 적용한다

그래서 나중에 eas build로 빌드를 하게되면 적용이 안되고 빌드오류가 뜨는데

나중에 eas login 하고 eas build하면 생기는 eas.json 파일에서 저 env부분 추가하면된다.

내껀 preview버전으로만 빌드했어서 production 셋팅을 아직 안했는데 정식 빌드땐 production쪽에 설정해주면된다

  "build": {
    "development": {
      "distribution": "internal",
      "android": {
        "gradleCommand": ":app:assembleDebug"
      },
      "ios": {
        "buildConfiguration": "Debug"
      }
    },
    "preview": {
      "channel": "preview",
      "distribution": "internal",
      "ios": {
        "simulator": true
      },
      "android": {
        "buildType": "apk",
        "image": "latest"
      },
      "env": {
        "EXPO_PUBLIC_API_URL": "API주소"
      }
    },
    "production": {}
  },