.envファイルとは何なのか？

はじめに

現在Reactとsupabaseを使用してTodoアプリを制作しています。制作している中で.envファイルというものが出てきたのですが、.envファイルとは何か分からなかったので調べてみました。

.envファイルとは

.envファイルとはすごく簡単にいうと秘密の情報を書いておくためにファイルです。具体的には、環境変数を書くことができます。今回は下記のようにsupabaseのkeyを設定しています。

.env

VITE_SUPABASE_URL=https://⚫︎⚫︎⚫︎⚫︎⚫︎⚫︎⚫︎⚫︎⚫︎⚫︎⚫︎⚫︎⚫︎⚫︎⚫︎⚫︎⚫︎⚫︎⚫︎
VITE_SUPABASE_ANON_KEY=aaaaaaaaaaaaaabbbbbbbbbbbb111111111

どんな時に使うのか？

.envファイルは隠しファイルとなっているので隠したい情報などを記述できます。アプリケーションで使用する、環境変数やapiのキーなどを管理するために使用します。apiのキーなどを公開してしまうと悪用されてしまうことがあるので気をつけてください。下記の記事のように高額の請求が来てしまうこともあるそうです。

最後に

今回は.envファイルについて簡単にですがまとめてみました。.envファイルがどんなものか理解が進んでよかったです。

参考記事

『環境変数って？ .envファイルって？』

『[React].envファイルの使い方』

『Reactの.envにシークレットトークンとかを決して含めてはいけない』