![見出し画像](https://assets.st-note.com/production/uploads/images/98629276/rectangle_large_type_2_53b36756d42bccb6313a4dddd4446ed9.png?width=1200)
Amazon Cognito×ALBでユーザーアクセスを制御する
製品のリリース日が迫る中、ステージング環境や管理画面へのユーザーアクセスをコントロールしたいがプログラム側で実装するのは大変、、、そんなときはAWSのAmazon Cognitoというサービスを使って、コンソール画面の設定だけで簡単に認証機能を導入することができます。
⚠2023年3月以降Amazon Cognitoのコンソール画面が新しくなります。
なお、こちらの記事では新コンソールで設定をおこなっています。
前提
現状、EC2でアプリケーションを提供しており、ALB(Application Load Balancer)×Route53×ACMのサーバー証明書でHTTPS化ができている。
今回は管理者がユーザープールにユーザーを追加⇒各ユーザーに招待メールを送信⇒ユーザーがEメールアドレスとパスワードで認証を行います。
今回の設定内容はチュートリアル向けです。導入にあたっては目的や必要に応じてセキュリティの強度を検討してください。
ユーザープールを作成する
まずはAWSのサービスからAmazon Cognito のコンソール画面へ移動
「ユーザープールを作成」をクリックします。
![](https://assets.st-note.com/img/1677047567771-cta6TPKzzj.png?width=1200)
ステップ1 サインインエクスペリエンスを設定
プロバイダーのタイプはCognito ユーザープール(デフォルト)
サインインオプションは「Eメール」のみチェック
「次へ」
![](https://assets.st-note.com/img/1677048534685-0Lmll9kSNb.png?width=1200)
ステップ2 セキュリティ要件を設定
パスワードポリシー:Cognitoのデフォルト
多要素認証:MFAなし
ユーザーアカウントの復旧:無効
「次へ」
![](https://assets.st-note.com/img/1677048803019-szMDsNFZEj.png?width=1200)
ステップ3 サインアップエクスペリエンスを設定
セルフサービスのサインアップ:事項登録は無効
属性検証とユーザーアカウントの確認:画像を参照
必須の属性:追加の必須属性はなし
「次へ」
![](https://assets.st-note.com/img/1677049182945-HlIqsMmMXL.png?width=1200)
ステップ4 メッセージ配信を設定
Eメールプロバイダー:Cognito でEメールを送信
送信元Eメールアドレス:no-reply@verificationemail.com(デフォルト)
「次へ」
![](https://assets.st-note.com/img/1677049405430-MaAtPoSogh.png?width=1200)
ステップ5 アプリケーションを統合
ユーザープール名:任意の名称
CognitoのホストされたUIを使用:有効
ドメインタイプ:Cognitoドメインを使用する
Cognitoドメイン:https://任意のドメイン名.auth.ap-northeast-1.amazoncognito.com
⚠Route53に登録済みの独自ドメインも選択できるが、ACMのサーバー証明書が「us-east-1」で発行されている必要があるので注意
アプリケーションタイプ:パブリッククライアント
アプリケーションクライアント名:アプリケーションサーバーと接続するALBの名称(わかりやすいように)
クライアントのシークレット:生成する
許可されているコールバックURL= https://アプリケーションのドメイン名/oauth2/idpresponse
⚠ /oauth2/idpresponseはALBの認証用で、アプリケーション側で対応するフォルダを作る必要はありません。
高度なアプリケーションクライアントの設定:デフォルト
属性の読み取りおよび書き込み許可:デフォルト
![](https://assets.st-note.com/img/1677050147090-suOXMtfb6T.png?width=1200)
![](https://assets.st-note.com/img/1677050538141-G3KH70VvZd.png?width=1200)
![](https://assets.st-note.com/img/1677055778962-Tm0a4fAUq6.png?width=1200)
ステップ6 確認および作成
「ユーザープールを作成」をクリック
Amazon Cognito>作成したユーザープールを選択>「ユーザーを作成」
ユーザープールにユーザーを追加する
さきほど作成したユーザープールを選択>「ユーザーを作成」
![](https://assets.st-note.com/img/1677052781353-5d7O9wGEJx.png?width=1200)
ユーザー情報の設定
今回は初回認証時にユーザーにパスワードの再発行を求めるので以下の内容にして「ユーザーを作成」⇒ユーザーに招待メールが送信されます
![](https://assets.st-note.com/img/1677053049764-M5eQOeOvmP.png?width=1200)
ユーザープールにユーザーが追加されています
![](https://assets.st-note.com/img/1677053185667-oqllwkOafZ.png?width=1200)
ALBのリスナールールを編集する
ロードバランサーから、さきほどアプリケーションクライアントとして登録したALBを選択して、リスナールールを編集します
今回ルールを編集するのはHTTPS:443のルール
黄色くマークした数字(=登録しているルール数)をクリックする
![](https://assets.st-note.com/img/1677069759145-z3bdFExq96.png?width=1200)
「Manage rules」をクリック
![](https://assets.st-note.com/img/1677070114818-VHZY9HKbkL.png?width=1200)
デフォルトアクションの編集✍をクリック
![](https://assets.st-note.com/img/1677070272314-34zB5zMyuP.png?width=1200)
ルールの編集画面からTHENの内容を以下のように編集
1.認証:Amazon Cognito
Cognito ユーザープールをプルダウンから選択
アプリケーションクライアントをプルダウンから選択
✓をクリックして更新
2.転送先:アプリケーション用インスタンスを登録したターゲットグループ
画面右上の「更新」をクリック
![](https://assets.st-note.com/img/1677070435497-FbM53QSJ0j.png?width=1200)
ALBのセキュリティグループを確認する
通常ALBとEC2インスタンス間はHTTP:80で通信を行うため、ALBのセキュリティグループのアウトバウンドでHTTP:80は許可されていると思います。
今回、 Amazon Cognitoの認証機能を利用するにあたってALBとCognito間でHTTPS通信が発生します。そのため、アプリケーションALBのセキュリティグループでHTTPS:443のポートを解放する必要があります。
以下のように、HTTPSをIPv4 IPv6のスタックで追加してポートを解放します
![](https://assets.st-note.com/img/1677071302118-R3lVKdT8Vf.png?width=1200)
アプリケーションクライアント>認証フローの設定
今回のチュートリアルではEメールアドレスとパスワードによる認証でアクセスを許可しています。ただし、デフォルトの設定では上記の認証フローが有効になっていないため設定を変更する必要があります。
ユーザープールを選択>アプリケーションの統合タブに切り替え
>アプリケーションクライアント名をクリック
![](https://assets.st-note.com/img/1677071510999-DvmeDHoEfc.png?width=1200)
アプリケーションクライアントに関する情報>「編集」をクリック
>認証フローのプルダウンから「ALLOW_USER_PASSWORD_AUTH」に✓して「変更を保存」
![](https://assets.st-note.com/img/1677071500086-vBjcWuZeQA.png?width=1200)
これでAmazon Cognito側の設定ができました。
それではブラウザからアプリケーションにアクセスしてみましょう。
ブラウザでアプリケーションにアクセス⇒ユーザー認証
ブラウザでアプリケーションにアクセス⇒招待メールに記載されたパスワードでサインインします。
⚠アプリケーションの統合タブ>ホストされた UI のカスタマイズを編集でロゴだけ変えてあります。
![](https://assets.st-note.com/img/1677069710191-NzcSoQMBHN.png)
パスワードの変更画面に遷移するので、求められるパスワード要件を満たしたパスワードを入力して「Send」します。
![](https://assets.st-note.com/img/1677072230933-Osgu0wUJ5g.png)
無事にアプリケーションにアクセスできました!
![](https://assets.st-note.com/img/1677072358182-RymchbKU43.png?width=1200)
ポイント
最後にAmazon Cognito 導入でつまづいた部分をおさらいします。
1.許可されているコールバックURL
https://アプリケーションのドメイン名/oauth2/idpresponse
かならずアプリケーションのドメイン名のあとに/oauth2/idpresponseをつけてください。
2.ALBのセキュリティグループ
アウトバウンドでHTTPS:443のポートを解放してください。
3.アプリケーションクライアントの認証フロー
「ALLOW_USER_PASSWORD_AUTH」を有効にしてください。
もしも同じような環境構築をしたい人がいたとき、その方のお役に立てたなら幸いです。