Githubページで環境変数を使用する方法

Question

Create-react-appプロジェクトをgithubページにデプロイしたいのですが。しかし、私はいくつかの秘密鍵を持っています。反応アプリ内でこれらのキーをどのように管理できますか？

Answer 1

name: Deploy to GitHub Pages
    on:
      Push:
        branches:
          - master
    jobs:
      build-and-deploy:
        runs-on: ubuntu-latest
        steps:
        - name: Checkout
          uses: actions/checkout@v1

        - name: Build
          run: |
            npm install
            npm run-script build
          env:
            REACT_APP_INSTAGRAM_ACCESS_TOKEN: ${{ secrets.REACT_APP_INSTAGRAM_ACCESS_TOKEN }}
            REACT_APP_SMTP_SECURE_TOKEN: ${{ secrets.REACT_APP_SMTP_SECURE_TOKEN }}

        - name: Deploy
          uses: JamesIves/github-pages-deploy-action@releases/v3
          with:
            GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN_KEY }}
            BRANCH: gh-pages
            FOLDER: dist

このように使用して、GitHubシークレットから環境変数を追加できます。これは私の問題を解決しました。