AWS ECS,Fargateを使用した環境変数の読み込みについて Reactアプリ

AWS,Reactともに初心者です。

現在、React+TypeScriptを使用してWebアプリを作成しています。
作成しているWebアプリはdockerイメージにして、AWS ECRにプッシュしています。
ECRにプッシュされたコンテナイメージをFargateで動作させています。

そして今回、RDSにあるDBに接続するため、接続するための情報を環境変数にしたいと考えました。

ECSのタスク定義に環境変数を設定する項目があったので、そこに環境変数の「変数」「値」を設定し、reactのソースで読み込みをすれば取得できると考えたのですがうまく読み込みができませんでした。

typescript
1  const testValue = process.env.REACT_APP_TEST;
2  console.log("環境変数のテスト=" + testValue);//環境変数のテスト=undefined

となり取得することはできませんでした。

https://blog.denet.co.jp/cloudformation-ecs-setenv/
こちらの方はPHPで同じようなことをしておられました

拙い質問で申し訳ありませんが、なにか実現する方法や別の方法がありましたらぜひ教えていただきたいです。

2023/01/27 15:27

> RDSのDBにアクセスを行い、データ取得と更新ができれば PHP などサーバー側で DB にアクセスする Web API を用意して、ユーザー認証と DB アクセスを行うのが一般的かと。

行動規範の内容に同意します

回答1件

ベストアンサー

そのReactがフロントだけで動いてるなら
「環境変数はビルド時にしか読めないので不可能」

そもそも「フロントからDBへの接続も不可能」
やろうとしてることが最初から間違ってる。

サーバーサイドのPHPとフロントのJSでは前提が全く違う。

投稿2023/01/27 11:17

退会済みユーザー

総合スコア0

2023/01/27 12:32

ご回答ありがとうございます。フロントサイドからDBにアクセスは不可能なのですね。今回私が行いたい作業はRDSのDBにアクセスを行い、データ取得と更新ができればと考えているのですが、その場合どのような構成にすればよいのか教えていただけると幸いです

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.31%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問をすることでしか得られない、回答やアドバイスがある。