使用 GitLab 构建时 Expo 中的环境变量答案

【问题标题】：environment variables in Expo when building with GitLab使用 GitLab 构建时 Expo 中的环境变量
【发布时间】：2020-11-13 12:53:05
【问题描述】：

我正在尝试使用 Expo 构建一个 React Native APK（不弹出）。当我在本地机器上使用所有项目文件执行 expo build:android 时，我可以设法从 .env 文件本地获取环境变量。

当我推送到我的 GitLab 存储库时，我有这个 .gitlab-ci.yml 文件

---
image: node:alpine
cache:
  key: ${CI_COMMIT_REF_SLUG}
  paths:
    - ~/.npm
    - .jest
stages:
  - test
  - deploy
before_script:
  - npm ci
jest-tests:
  stage: test
  script:
    - npx jest --ci --passWithNoTests
expo-deployments:
  stage: deploy
  script:
    - apk add --no-cache bash
    - npx expo login -u $EXPO_USERNAME -p $EXPO_PASSWORD
    - npx expo build:android --EXPO_ANDROID_GOOGLE_API_KEY $EXPO_ANDROID_GOOGLE_API_KEY --EXPO_IOS_GOOGLE_API_KEY $EXPO_IOS_GOOGLE_API_KEY --release-channel staging --non-interactive
    - EXPO_ANDROID_GOOGLE_API_KEY=$EXPO_ANDROID_GOOGLE_API_KEY; EXPO_IOS_GOOGLE_API_KEY=$EXPO_IOS_GOOGLE_API_KEY; expo build:android --release-channel staging --non-interactive

由于安全原因，我在 repo 中没有 .env 文件。

所有这些变量都存储在 GitLab 的每个环境中：（完美运行）

EXPO_USERNAME = 我的开发帐户的用户名，用于访问 Expo。
EXPO_PASSWORD = 访问 Expo 的帐户密码。

（尝试构建时根本不工作）

EXPO_IOS_GOOGLE_API_KEY = "abcdefghijklmnopqrstuvwxyz"
EXPO_ANDROID_GOOGLE_API_KEY = "abcdefghijklmnopqrstuvwxz"

我想知道在通过 GitLab CI 管道运行 expo build:android 命令时如何将 Google Maps 环境变量设置到应用程序中：

- npx expo build:android

【问题讨论】：

标签： react-native continuous-integration expo gitlab-ci continuous-delivery

【解决方案1】：

最后我可以通过以下方式完成这项工作：

---
image: node:alpine
cache:
  key: ${CI_COMMIT_REF_SLUG}
  paths:
    - ~/.npm
    - .jest
stages:
  - test
  - deploy
before_script:
  - npm ci
  - ANDROID_GOOGLE_MAPS_API_KEY=${CI_COMMIT_BRANCH}_EXPO_ANDROID_GOOGLE_API_KEY
  - IOS_GOOGLE_MAPS_API_KEY=${CI_COMMIT_BRANCH}_EXPO_IOS_GOOGLE_API_KEY
  - export android=$( eval echo \$$ANDROID_GOOGLE_MAPS_API_KEY )
  - export ios=$( eval echo \$$IOS_GOOGLE_MAPS_API_KEY )
jest-tests:
  stage: test
  script:
    - npx jest --ci --passWithNoTests
expo-deployments:
  stage: deploy
  script:
    - echo "EXPO_ANDROID_GOOGLE_API_KEY=$android" >> .env
    - echo "EXPO_IOS_GOOGLE_API_KEY=$ios" >> .env
    - apk add --no-cache bash
    - npx expo login -u $EXPO_USERNAME -p $EXPO_PASSWORD
    - npx expo build:android --release-channel staging --non-interactive

在哪里...

 ...CI_COMMIT_BRANCH is development|staging|production depending which branch in gitlab I am using.
 ...development_EXPO_ANDROID_GOOGLE_API_KEY | staging_EXPO_ANDROID_GOOGLE_API_KEY | production_EXPO_ANDROID_GOOGLE_API_KEY are variables that are stored at the Gitlab project.
 ... I am generating the .env file every time I run the script and saving there my variables with the respective value with: echo "EXPO_ANDROID_GOOGLE_API_KEY=$android" >> .env.

这样我不需要将我的 .env 文件推送到 Gitlab 中。我只需要在 Gitlab 的项目设置中定义我的变量。

希望这对某人有所帮助！

【讨论】：