Github Actionsでreactの.envをつかう

March 14, 2021April 17, 2023

Google Analytics のコードを埋め込むために.env を使いたい。
しかし、git には.env を置きたくない。
なら Github Actions 　実行中につくっちゃお

 - name: Gen dotenv
          run: |
            echo ENV_NAME=\"\">>.env.production
            echo GOOGLE_ANALYTICS_ID=\"${{secrets.GOOGLE_ANALYTICS_ID}}\">>.env.production

secrets.GOOGLE_ANALYTICS_IDは　 github->settings から作成できるsecretsにGOOGLE_ANALYTICS_IDを作ってユニバーサルアナリティクス ID を入れた。

echo しているので"をエスケープするのを忘れないこと。
呼び出す時は.env から読み出されるので

      resolve: `gatsby-plugin-google-analytics`,
      options: {
        trackingId: `${process.env.GOOGLE_ANALYTICS_ID}`,
        head: true,
      },

となる。
Google Analytics のページでアクセスが確認できれば成功。
めでたしめでたし
おしまい。