React アプリで ~/.aws/credentials を読み込む

Question

前提・実現したいこと

タイトルの通りで、React アプリで ~/.aws/credentials のアクセスキーを読み込みたいです。その際にReact アプリ内のコード自体には書き込まないでおきたいです。

aws-sdk のいづれかのモジュールで実現できるかと思いますが、どれかわからないのでご教授頂きたいです。
最終的には、Transcribe Streaming SDK を使って音声データを文字起こししたいと考えています。その際にアクセスキーの情報を読み込む必要がありそうです。

Comments

[yu_1985]

今更なんですが、Reactということはまさかクライアント側からサーバにある~/.aws/credentialsを読み込みたいということですか？

単にサーバサイドのNode.jsから権限を読みたいということであれば回答の内容でいいと思いますが、そうでないなら全く話が変わってきます。

もちろん、クライアントにアクセスキーを渡すのはNGです。

[jhashimoto]

もう見てないかもしれませんが。。。サーバーサイドの話だと思って回答してしまいましたが、クライアントサイドならyu_1985さんのご指摘どおりなので、ご注意ください。

Answer 1

以下の前提で回答します。

• AWS SDK for JavaScriptを利用する
• ~/.aws/credentialsにプロファイルが設定されている

公式ドキュメントからプロファイルの指定方法を抜粋します。アプリケーションの外部で指定する方法と内部で指定する方法があります。

アプリケーションの外部で指定する。

• AWS_PROFILE環境変数でプロファイルを指定する

アプリケーションの内部で指定する。

• SDK をロードする前に process.env.AWS_PROFILE を設定する
• AWS.SharedIniFileCredentialsでプロファイルを指定する

共有認証情報ファイルから Node.js に認証情報をロードする - AWS SDK for JavaScript

以下は補足です。

~/.aws/credentialsから読み込む以外の方法もあります。

Node.js での認証情報の設定 - AWS SDK for JavaScript

推奨の順序で認証情報を提供する方法は次のとおりです。

• Amazon EC2 の AWS Identity and Access Management (IAM) ロールからロード
• 共有認証情報ファイル (~/.aws/credentials) から読み込む
• 環境変数から読み込む
• ディスク上の JSON ファイルから読み込む
• JavaScript SDK によって提供されるその他の認証情報プロバイダークラス

実行環境がEC2であれば、最も推奨されるのは、EC2にIAMロールをアタッチする方法です。

内部的にIAMロールから一時的な認証情報が払い出されるので、アプリケーションで認証情報の受け渡しを意識する必要がなくなります。