在部署到firebase托管之前，将env变量设置为github动作中

Question

我有一个React应用程序，该应用程序利用Firebase提供的自动部署GITHUB动作。我的问题是，我不会将我的.env文件推向github，因此，当工作流脚本文件运行yarn build时，我的代码中没有内置的环境变量 github动作。

我试图通过在我的github设置上为仓库设置变量来解决此问题。我尝试了GitHub Secret（在“动作”）和“环境”中。

用于行动 - ＆gt;存储库秘密，我设置了一个名为react_app_google_maps_api_key的秘密，并将以下脚本添加到我的steps：

REACT_APP_GOOGLE_MAPS_API_KEY=${{secrets.REACT_APP_GOOGLE_MAPS_API_KEY}} yarn && yarn build

然后我还创建了一个称为envy> envy的环境，关于行动 - ＆GT;环境秘密我添加了相同的内容，然后将脚本更改为：

REACT_APP_GOOGLE_MAPS_API_KEY=${{env.REACT_APP_GOOGLE_MAPS_API_KEY}} yarn && yarn build

这些都没有起作用； Env Vars没有捆绑到项目中，由于“缺少API密钥”，我尝试在实时链接上加载映射时会出现错误。

如何在GitHub中设置秘密/变量，然后在工作流脚本中使用它们？

作为参考，这是您从Firebase获得的样板脚本：

name: Deploy to Firebase Hosting on PR
"on": pull_request
jobs:
  build_and_preview:
    if: "${{ github.event.pull_request.head.repo.full_name == github.repository }}"
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - run: yarn && yarn build # I added my vars here, before `yarn` #
      - uses: FirebaseExtended/action-hosting-deploy@v0
        with:
          repoToken: "${{ secrets.GITHUB_TOKEN }}"
          firebaseServiceAccount: "${{ secrets.FIREBASE_SERVICE_ACCOUNT_WEBPAGE_NAME }}"
          projectId: webpage_name

Answer 1

您可以在三个级别上定义环境变量：

工作流程：在整个工作流程中可用。

name: Deploy to Firebase Hosting on PR
on: pull_request
env:
  REACT_APP_GOOGLE_MAPS_API_KEY: ${{ secrets.REACT_APP_GOOGLE_MAPS_API_KEY }}
jobs:
  build_and_preview:
    ...

工作：在工作的所有步骤中都可以使用。

name: Deploy to Firebase Hosting on PR
on: pull_request
jobs:
  build_and_preview:
    if: "${{ github.event.pull_request.head.repo.full_name == github.repository }}"
    runs-on: ubuntu-latest
    env:
      REACT_APP_GOOGLE_MAPS_API_KEY: ${{ secrets.REACT_APP_GOOGLE_MAPS_API_KEY }}
    steps:
      ...

步骤：仅在作业的特定步骤中可用。

name: Deploy to Firebase Hosting on PR
on: pull_request
jobs:
  build_and_preview:
    if: "${{ github.event.pull_request.head.repo.full_name == github.repository }}"
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - run: yarn && yarn build
        env:
          REACT_APP_GOOGLE_MAPS_API_KEY: ${{ secrets.REACT_APP_GOOGLE_MAPS_API_KEY }}

对于您的情况，由于您在YARN构建中只需要API键，因此在步骤中声明它是最好的选择。

参考： https://docs.github.com/es/es/actions/actions/actions/actions/actions/actions/actions/actions /学习github-actions/环境变异