Q&A
> RDSのDBにアクセスを行い、データ取得と更新ができれば
PHP などサーバー側で DB にアクセスする Web API を用意して、ユーザー認証と DB アクセスを行うのが一般的かと。
前提
AWS,Reactともに初心者です。
現在、React+TypeScriptを使用してWebアプリを作成しています。
作成しているWebアプリはdockerイメージにして、AWS ECRにプッシュしています。
ECRにプッシュされたコンテナイメージをFargateで動作させています。
そして今回、RDSにあるDBに接続するため、接続するための情報を環境変数にしたいと考えました。
実現したいこと
- AWSで設定した環境変数をReactで使用したい
発生している問題・エラーメッセージ
ECSのタスク定義に環境変数を設定する項目があったので、そこに環境変数の「変数」「値」を設定し、reactのソースで読み込みをすれば取得できると考えたのですがうまく読み込みができませんでした。
試したこと
- ECSのタスク定義に環境変数 変数=TEST,値="テスト"と設定しました。
- Reactの方で環境変数呼び出し
typescript
1 const testValue = process.env.REACT_APP_TEST; 2 console.log("環境変数のテスト=" + testValue);//環境変数のテスト=undefined
となり取得することはできませんでした。
https://blog.denet.co.jp/cloudformation-ecs-setenv/
こちらの方はPHPで同じようなことをしておられました
拙い質問で申し訳ありませんが、なにか実現する方法や別の方法がありましたらぜひ教えていただきたいです。
回答1件
0
ベストアンサー
そのReactがフロントだけで動いてるなら
「環境変数はビルド時にしか読めないので不可能」
そもそも「フロントからDBへの接続も不可能」
やろうとしてることが最初から間違ってる。
サーバーサイドのPHPとフロントのJSでは前提が全く違う。
投稿2023/01/27 11:17
総合スコア10377
ご回答ありがとうございます。
フロントサイドからDBにアクセスは不可能なのですね。
今回私が行いたい作業はRDSのDBにアクセスを行い、データ取得と更新ができればと考えているのですが、その場合どのような構成にすればよいのか教えていただけると幸いです
あなたの回答
tips
プレビュー
