AWS Amplifyでの環境変数について(react)


AWSのamplifyで環境変数の設置が分からなかったので調べてみたことを備忘録として残しておきます。

環境設定の方法

Amplifyコンソールのアプリ設定に環境変数があります。
そこにREACT_APP_を変数名にプレフィックスとしてつけて環境変数を設定します。

そしてビルドの設定画面で先ほど設定した環境変数を設定します。

build:
  commands:
    - npm run build
    - echo "REACT_APP_HOGE=$REACT_APP_HOGE" >> .env

このようにすればreactアプリから読み込めるかと思います。
他に設定方法がありましたらご教示いただけると幸いです。

参考記事
https://qiita.com/kojiisd/items/709557fa4649aa25b483