用于开发、UAT 和生产的 Expo App 环境
Expo App environments for Dev, UAT and Production
我有一个内置于 Expo 的 React Native 应用程序,它连接到 Rest API。其余三个环境 api - dev、uat 和 production 如下(示例)。
dev = https://dev.myapi.com/api
uat = https://uat.myapi.com/api
prod = https://prod.myapi.com/api
根据应用的使用位置,它需要连接到正确的环境。
Running in the Expo Client = Dev API
Running in TestFlight or Internal Testing for the Play Store = UAT API
Running in the App Store or Play Store = Production API
实现此目的最简单的方法是什么?
按照以下步骤操作
安装 expo-constants 包。要安装包 运行 下面的命令。
npm i expo-constants
添加environment.js文件并粘贴下面的代码。
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: 'https://dev.myapi.com/api',
amplitudeApiKey: null,
},
staging: {
apiUrl: 'https://uat.myapi.com/api',
amplitudeApiKey: '[Enter your key here]',
// Add other keys you want here
},
prod: {
apiUrl: 'https://prod.myapi.com/api',
amplitudeApiKey: '[Enter your key here]',
// Add other keys you want here
},
};
const getEnvVars = (env = Constants.manifest.releaseChannel) => {
// What is __DEV__ ?
// This variable is set to true when react-native is running in Dev mode.
// __DEV__ is true when run locally, but false when published.
if (__DEV__) {
return ENV.dev;
} else if (env === 'staging') {
return ENV.staging;
} else if (env === 'prod') {
return ENV.prod;
}
};
export default getEnvVars;
- 访问环境变量
// Import getEnvVars() from environment.js
import getEnvVars from '../environment';
const { apiUrl } = getEnvVars();
/******* SESSIONS::LOG IN *******/
// LOG IN
// credentials should be an object containing phone number:
// {
// "phone" : "9876342222"
// }
export const logIn = (credentials, jsonWebToken) =>
fetch(`${apiUrl}/phone`, {
method: 'POST',
headers: {
Authorization: 'Bearer ' + jsonWebToken,
'Content-Type': 'application/json',
},
body: JSON.stringify(credentials),
});
- 要创建构建,请使用以下命令。
Dev - expo build:ios --release-channel dev
分期 - 博览会 build:ios --release-channel 分期
生产 - 博览会 build:ios --release-channel prod
现在 Expo 支持配置文件为 app.config.js 或 app.config.ts,我们可以使用 dotenv。检查这个:https://docs.expo.io/guides/environment-variables/#using-a-dotenv-file
这可以使用不同的发布频道名称来完成,
假设您以这种方式创建了 3 个发布渠道:
expo publish --release-channel prod
expo publish --release-channel staging
expo publish --release-channel dev
那么你可以有一个函数来相应地设置环境变量:
import * as Updates from 'expo-updates';
function getEnvironment() {
if (Updates.releaseChannel.startsWith('prod')) {
// matches prod*
return { envName: 'PRODUCTION', dbUrl: 'ccc', apiKey: 'ddd' }; // prod env settings
} else if (Updates.releaseChannel.startsWith('staging')) {
// matches staging*
return { envName: 'STAGING', dbUrl: 'eee', apiKey: 'fff' }; // stage env settings
} else {
// assume any other release channel is development
return { envName: 'DEVELOPMENT', dbUrl: 'aaa', apiKey: 'bbb' }; // dev env settings
}
}
参考expo documentation了解更多信息!
我有一个内置于 Expo 的 React Native 应用程序,它连接到 Rest API。其余三个环境 api - dev、uat 和 production 如下(示例)。
dev = https://dev.myapi.com/api
uat = https://uat.myapi.com/api
prod = https://prod.myapi.com/api
根据应用的使用位置,它需要连接到正确的环境。
Running in the Expo Client = Dev API
Running in TestFlight or Internal Testing for the Play Store = UAT API
Running in the App Store or Play Store = Production API
实现此目的最简单的方法是什么?
按照以下步骤操作
安装 expo-constants 包。要安装包 运行 下面的命令。
npm i expo-constants
添加environment.js文件并粘贴下面的代码。
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: 'https://dev.myapi.com/api',
amplitudeApiKey: null,
},
staging: {
apiUrl: 'https://uat.myapi.com/api',
amplitudeApiKey: '[Enter your key here]',
// Add other keys you want here
},
prod: {
apiUrl: 'https://prod.myapi.com/api',
amplitudeApiKey: '[Enter your key here]',
// Add other keys you want here
},
};
const getEnvVars = (env = Constants.manifest.releaseChannel) => {
// What is __DEV__ ?
// This variable is set to true when react-native is running in Dev mode.
// __DEV__ is true when run locally, but false when published.
if (__DEV__) {
return ENV.dev;
} else if (env === 'staging') {
return ENV.staging;
} else if (env === 'prod') {
return ENV.prod;
}
};
export default getEnvVars;
- 访问环境变量
// Import getEnvVars() from environment.js
import getEnvVars from '../environment';
const { apiUrl } = getEnvVars();
/******* SESSIONS::LOG IN *******/
// LOG IN
// credentials should be an object containing phone number:
// {
// "phone" : "9876342222"
// }
export const logIn = (credentials, jsonWebToken) =>
fetch(`${apiUrl}/phone`, {
method: 'POST',
headers: {
Authorization: 'Bearer ' + jsonWebToken,
'Content-Type': 'application/json',
},
body: JSON.stringify(credentials),
});
- 要创建构建,请使用以下命令。
Dev - expo build:ios --release-channel dev
分期 - 博览会 build:ios --release-channel 分期
生产 - 博览会 build:ios --release-channel prod
现在 Expo 支持配置文件为 app.config.js 或 app.config.ts,我们可以使用 dotenv。检查这个:https://docs.expo.io/guides/environment-variables/#using-a-dotenv-file
这可以使用不同的发布频道名称来完成, 假设您以这种方式创建了 3 个发布渠道:
expo publish --release-channel prod
expo publish --release-channel staging
expo publish --release-channel dev
那么你可以有一个函数来相应地设置环境变量:
import * as Updates from 'expo-updates';
function getEnvironment() {
if (Updates.releaseChannel.startsWith('prod')) {
// matches prod*
return { envName: 'PRODUCTION', dbUrl: 'ccc', apiKey: 'ddd' }; // prod env settings
} else if (Updates.releaseChannel.startsWith('staging')) {
// matches staging*
return { envName: 'STAGING', dbUrl: 'eee', apiKey: 'fff' }; // stage env settings
} else {
// assume any other release channel is development
return { envName: 'DEVELOPMENT', dbUrl: 'aaa', apiKey: 'bbb' }; // dev env settings
}
}
参考expo documentation了解更多信息!