React Native开发和生产环境变量

21 浏览
0 Comments

React Native开发和生产环境变量

我如何知道我的React Native应用是在生产环境还是开发环境中运行？有没有一种在JavaScript中告知的方法？是否有一个全局变量传递进来？

0

3 答案

0 Comments

React Native DEV和PROD变量的出现原因是为了在开发和生产环境中开启或关闭开发警告。开发环境中，将变量__DEV__设置为true，可以开启一系列有用的开发警告。而在生产环境中，建议将__DEV__=false，以关闭这些开发警告。

那么如何切换这个变量呢？在React Native中，可以使用Expo sdk 42来设置__DEV__为true。具体的设置方法没有提到，那么如何将其设置为false呢？没有给出具体的说明。

总结起来，当需要在React Native开发中开启或关闭开发警告时，可以通过设置__DEV__变量来实现。在开发环境中，设置为true，在生产环境中，设置为false。具体如何设置为false没有给出明确的方法。

0
0 Comments

问题出现的原因：

用户希望在不同的变体（uat，sit，prod）中使用不同的变量，而不仅仅是简单的调试或发布模式。

解决方法：

要实现这个需求，可以在build.gradle文件中进行调整。具体步骤如下：

1. 打开项目中的android文件夹，找到build.gradle文件。

2. 在buildTypes中添加需要的变体，例如uat、sit、prod。

3. 对于每个变体，设置相应的构建配置。可以使用buildConfigField来定义不同的变量值。在这个例子中，我们可以使用buildConfigField来定义__DEV__变量的值。

4. 在React Native代码中使用__DEV__变量，并根据需要执行相应的逻辑。

以下是具体的步骤和代码示例：

1. 打开android/app/build.gradle文件。

2. 在android.defaultConfig下方的buildTypes中添加需要的变体。例如：

buildTypes {
    debug {
        // ...
    }
    release {
        // ...
    }
    uat {
        // ...
    }
    sit {
        // ...
    }
    prod {
        // ...
    }
}

3. 对于每个变体，使用buildConfigField来定义__DEV__变量的值。例如：

buildTypes {
    debug {
        // ...
        buildConfigField "boolean", "__DEV__", "true"
    }
    release {
        // ...
        buildConfigField "boolean", "__DEV__", "false"
    }
    uat {
        // ...
        buildConfigField "boolean", "__DEV__", "false"
    }
    sit {
        // ...
        buildConfigField "boolean", "__DEV__", "false"
    }
    prod {
        // ...
        buildConfigField "boolean", "__DEV__", "false"
    }
}

4. 在React Native代码中使用__DEV__变量，并根据需要执行相应的逻辑。例如：

const CLOUD_API_BASE_URL = __DEV__ ? 'https://api-dev.yourdomain.com' : 'https://api-prod.yourdomain.com';

这样，根据所选的变体，__DEV__变量的值将会设置为true或false，从而实现在不同的变体中使用不同的变量值的目的。

希望这些步骤能够帮助您在build.gradle文件中设置不同的变体，并根据需要使用不同的变量值。

0
0 Comments

React Native开发和生产环境变量的问题是由于在不同环境下无法准确判断是否使用React Native打包工具而引起的。解决方法是使用JavaScript中的全局变量__DEV__来判断是否使用React Native打包工具。如果在iOS模拟器或Android模拟器中运行应用程序，__DEV__将设置为true。但是当在模拟器中使用--configuration Release运行时，__DEV__不会被设置为true。因此，__DEV__只与构建配置有关，如果想要检测应用程序是在设备上运行还是在模拟器上运行，可以使用react-native-device-info等工具。

0