シングルページアプリケーションで AWS Cognito のカスタムログインリダイレクトの問題が発生する

Question

Cognito のアプリ クライアントでホストされた UI を使用すると、リダイレクトは正常に機能します。ただし、独自のログイン ページを作成すると、必要な Web サイトにリダイレクトされません。

これは VueJS を使用した単一ページ アプリケーションです。React も使用してみました。ログイン ページは機能し、ユーザーはログインしますが、Cognito でホストされた UI を使用する場合は、Cognito で設定したリダイレクト パスに自動的にリダイレクトされるようにしたいと考えています。しかし、Web サイトにリダイレクトされず、リダイレクトされた Web サイトにログインできません。

ホスティング UI はすべての認証を処理しているように見え、リダイレクト サイトにログインできる場所に必要な資格情報を渡すことができます。

もしかしたら使い方を間違えただけでしょうか?カスタムのログインおよび登録フォームが必要なので、ホストされた UI を使用できません。ただし、外部 Web サイトにリダイレクトし、ユーザーが承認されてログインするすべてのログイン資格情報を処理するには、ログインが必要です。これについて説明できれば幸いです...

ご協力いただければ幸いです。繰り返しますが、私はこれがどのように機能するかをよく知っています...ありがとう。

Answer 1

Cognito でホストされた UI を使用すると、OAuth 2.0 準拠の認証サーバーが提供されます。マネージド UI を使用しない場合は、Oauth フローのコールバック/リダイレクト機能 (暗黙的な認証コードなど) とともにこの機能を自分で構築する必要があります。

ホストされる UI にはカスタム フィールドを含めることができ、スタイルを調整できることに注意してください。ここを確認してください。