React Native 设置环境变量答案

【问题标题】：React Native setting up Environment VariablesReact Native 设置环境变量
【发布时间】：2022-01-01 09:09:05
【问题描述】：

我在 react native 中设置环境变量。我在他们的文档中没有看到有关如何执行此操作的任何内容。我不想使用第三方的 npm 包。我现在使用的方法有什么缺点吗？我想保持简单，我只有 2 个环境。质量保证和生产。

第 1 步：创建 environment.js 文件

import React, { Component } from 'react';


class EnvConfig extends Component {
    config = null;

    constructor(){
        super();

        this.config = this.getEnv();
    }

    getEnv = () => 
    {

        const dev  =
        {
            AuthUrl : "",
            ClientID: "QA KEY"
        }
    
        const prod = 
        {
            AuthUrl : "Prod URL",
            ClientID: "PROD KEY"
        }

        if(process.env.NODE_ENV === 'development')
            return dev;

        return prod;
    }



    render(){
        return;
    }


}

export default EnvConfig;

第 2 步：在文件中导入配置并使用它们。

import EnvConfig from './environment';

const envrionment = new EnvConfig();
console.log(envrionment.config);

【问题讨论】：

npmjs.com/package/react-native-dotenv

标签： react-native environment-variables

【解决方案1】：

使用包非常简单。 babel-plugin-transform-inline-environment-variables，如果你不使用这个包，我建议创建两个项目，一个用于 QA，一个用于生产。我认为以这种方式使用它的最大缺点是几乎不可能跟踪用户使用情况。

【讨论】：