Comment utiliser la variable d'environnement dans la page Github?

Question

Je souhaite déployer mon projet create-react-app sur des pages github. Mais j'ai quelques clés secrètes. Comment gérer ces clés dans mon application React?

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

Vous pouvez utiliser comme ceci pour ajouter vos variables d'environnement à partir des secrets GitHub. Cela a résolu mon problème.