2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

[Tips] AWS Amplify で既存のUserPoolを指定してAuthモジュールを使う

Last updated at Posted at 2020-05-15

背景

すでに作ってある Cognito UserPool に OAuthによる認証機能を提供したいという要望があって、App Client と Hosted UIを追加した。

動作を確認するために、AWS Amplify のチュートリアルで Webアプリを作った。
https://docs.amplify.aws/lib/auth/social/q/platform/js#full-react-sample
Amplify が 使う 設定ファイル aws-exports.js を作る必要があるので、
amplify add auth コマンドで 一旦 aws-exports.js を作り、すでにある UserPool と IdentityPool の情報で書き換えた。

実行してみると、Auth モジュールの中でつくられるはずのセッションが作られてない。
調査してみると、http://cognito-identity.us-east-1.amazonaws.com/ へのリクエストが失敗していることがわかる(添付)

chrome-debug-cognito-idp-fail.png

GitHub にも同じような issue が立っていた。
https://github.com/aws-amplify/amplify-js/issues/4269

設定

IdentityProviderの Authorization Provider にも Clientの設定を追加する必要があった。

screenshot.png

余談

AmplifyのDocumentには、すでにある UserPool を使う情報が見つけられなかったので、ここに書いておくことにしました。
(前はあった気がしたのだけれど、あったとしてこの話題の記載はなかったような。。)
まあ、解決したのでよしとする。

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?