Variables de entorno de React Native Expo

Solución:

Honestamente, creo que la forma en que lo hacen es un poco tonta. Puede que haya una forma mejor de hacerlo que esta, pero creo que seguí sus sugerencias de documentación.

https://docs.expo.io/versions/latest/distribution/release-channels/#using-release-channels-for-environment-variable-configuration

Tienen un fragmento de código que sugiere que cree una función para ver la configuración de la versión en sí.

Lo interpreté que podría hacer algo como el código a continuación y almacenar sus variables de entorno en un variables.js file y extraiga sus variables de entorno como tales.

import Constants from 'expo-constants';

export const prodUrl = "https://someapp.herokuapp.com";

const ENV = {
  dev: {
    apiUrl: "http://localhost:3000"
  },
  staging: {
    apiUrl: prodUrl
  },
  prod: {
    apiUrl: prodUrl
  }
};

function getEnvVars(env = "") {
  if (env === null || env === undefined || env === "") return ENV.dev;
  if (env.indexOf("dev") !== -1) return ENV.dev;
  if (env.indexOf("staging") !== -1) return ENV.staging;
  if (env.indexOf("prod") !== -1) return ENV.prod;
}

export default getEnvVars(Constants.manifest.releaseChannel);

Editar:

Ahora que Expo admite archivos de configuración como app.config.js o app.config.ts, podemos usar el dotenv. Verifique esto: https://docs.expo.io/guides/environment-variables/#using-a-dotenv-file

Un enfoque más simple sería exportar el objeto env en lugar de la función:

import Constants from 'expo-constants';
import { Platform } from "react-native";

const localhost =
 Platform.OS === "ios" ? "localhost:8080" : "10.0.2.2:8080";


const ENV = {
    dev: {
      apiUrl: localhost,
      amplitudeApiKey: null,
    },
    staging: {
      apiUrl: "[your.staging.api.here]",
      amplitudeApiKey: "[Enter your key here]",
      // Add other keys you want here
    },
    prod: {
      apiUrl: "[your.production.api.here]",
      amplitudeApiKey: "[Enter your key here]",
      // Add other keys you want here
    }
};

const getEnvVars = (env = Constants.manifest.releaseChannel) => {
  if (env === null || env === undefined || env === "" || env.indexOf("dev") !== -1) return ENV.dev;
  if (env.indexOf("staging") !== -1) return ENV.staging;
  if (env.indexOf("prod") !== -1) return ENV.prod;
}

const selectedENV = getEnvVars();

export default selectedENV;

// Import
import env from '..xxx/utility/env';

---

---

Utiliza Nuestro Buscador