【React】環境変数を使う方法

Reactで環境変数を使う方法です。

一番簡単に使うだけなら、Reactのルートディレクトリに「.env」ファイルを作成して、「REACT_APP_XXXXX=”xxxxx”」と定義するだけで使えます。

.env
REACT_APP_PROJECT_ID="### CLOUD FIRESTORE PROJECT ID ###"
REACT_APP_API_KEY="### FIREBASE API KEY ###"
REACT_APP_AUTH_DOMAIN="### FIREBASE AUTH DOMAIN ###"

あとは、下記のように「process.env.XXXXX」とすれば呼び出すことができます。

const firebaseConfig = initializeApp({
  projectId: process.env.REACT_APP_PROJECT_ID,
  apiKey: process.env.REACT_APP_API_KEY,
  authDomain: process.env.REACT_APP_AUTH_DOMAIN,
});

↓↓「にほんブログ村」のランキングに参加しています。少しでも面白い、参考になったとか思われたらポチッとしていただけると嬉しいです！

にほんブログ村