IT技术 - 我可以将环境变量从 Gitlab .gitlab-ci.yml 传递给 React 应用程序吗？ - 吾爱随笔录

我正在尝试使用 gitlab CI 管道动态设置环境变量。我想要实现的是根据我部署到的阶段（阶段、产品）注入正确的 API 密钥和 URL。

在我的 React 应用程序中，我使用react 文档process.env.REACT_APP_APPSYNC_URL中描述的方法访问变量。

到目前为止，我已经尝试在gitlab UI 中设置变量并在我的.gitlab-ci.yml文件中引用它们（见下面的代码）。

不幸的是，我无法以这种方式访问变量，因此我将非常感谢您的帮助。

我刚刚开始使用 CI/CD 和不同的环境，所以如果我通常在这里使用不好的方法，请告诉我！

这是 .gitlab-ci.yml：

image: nikolaik/python-nodejs:latest

stages:
  - install
  - test
  - deploy

install:
  stage: install
  script:
    - npm install
    - npm run build
  artifacts:
    untracked: true
  only:
    - stage
    - master

test:
  stage: test
  dependencies:
    - install
  script:
    - npm run test
  artifacts:
    untracked: true
  only:
    - stage
    - master

deployDev:
  stage: deploy
  only:
    - stage
  dependencies:
    - install
    - test
  script:
    - pip3 install awscli
    - aws configure set aws_access_key_id "$DEV_AWS_KEY"
    - aws configure set aws_secret_access_key "$DEV_AWS_SECRET"
    - aws s3 sync ./build/ s3://example.dev
  variables:
    REACT_APP_COGNITO_REGION: $DEV_COGNITO_REGION
    REACT_APP_COGNITO_USER_POOL_ID: $DEV_COGNITO_USER_POOL_ID
    REACT_APP_COGNITO_APP_CLIENT_ID: $DEV_COGNITO_APP_CLIENT_ID
    REACT_APP_COGNITO_IDENTITY_POOL_ID: $DEV_COGNITO_IDENTITY_POOL_ID
    REACT_APP_APPSYNC_URL: $DEV_APPSYNC_URL
    REACT_APP_APPSYNC_REGION: $DEV_APPSYNC_REGION
    REACT_APP_APPSYNC_AUTHENTIACTION_TYPE: $DEV_APPSYNC_AUTHENTIACTION_TYPE
deployProd:
  stage: deploy
  only:
    - master
  dependencies:
    - install
    - test
  script:
    - pip3 install awscli
    - aws configure set aws_access_key_id "$PROD_AWS_KEY"
    - aws configure set aws_secret_access_key "$PROD_AWS_SECRET"
    - aws s3 sync ./build/ s3://example.com

干杯!