Amazon Cognitoハンズオン
Amazon Cognitoハンズオンのリンク
最初は別の方の手順を参考にしていたのですが、途中でつまったので
最終的に以下を参考にさせて頂きました。
ハンズオンの補足
ハンズオンの管理画面は古いので現在の管理画面向けに補足します。
・ユーザプールの作成
下記以外はすべてデフォルト設定
多要素認証・・・MFAなし
ユーザーアカウントの復旧メッセージの配信方法・・・Eメールのみ
送信元Eメールアドレス・・・SESで認証済みのEメールアドレス
※下記「SES設定手順」参照
ユーザープール名・・・test-user-pool
アプリケーションクライアント名・・test-client
アプリケーションクライアント→属性の読み取りおよび書き込み許可→
roleに対しての読み込みと書き込みを許可する
・ユーザプール→メッセージング→メッセージテンプレート→検証メッセージ
→Eメール→検証タイプ→Linkに変更
・ユーザプール→アプリケーションの統合→ドメイン→Cognitoドメインの作成→
ドメインを何でもいいので入力
・IDプールの作成
手順通り
・クライアントアプリの実行環境としてcloud9を作成
・cloud9にサンプルの~.htmlを作成
・signup.htmlと同じ階層にjsフォルダを作成
・jsフォルダの中にjavascriptライブラリを格納
・各jsファイルのユーザプールID、クライアントIDを作成したIDに修正
SES設定手順
SES→IDの作成
設定したメールアドレス宛にAWSからメールが届くので、URLリンクをクリックする
IDステータスが「検証済み」になる
動作確認
まずサインアップの画面が表示されます
ユーザ登録するとメールが届くので、verifyします。
Verifyされます
次は登録したユーザでログインします
ログインできることを確認
感想
手順書に無い作業が多々あったので結構時間がかかりました。
AWS AmplifyでCognitoを使ったときは正直Cognitoが謎でしたが
今回のハンズオンでCognitoの機能がよく理解できました。