AWS AmplifyのFrontEndにBasic認証を追加してみた

やること
AmplifyのFrontEndにBasic認証を追加する
前提
AmplifyのFrontEndの設定が完了していること
※完了していない場合下記を行う
AWS Amplifyでフロントエンドアプリケーションを作成してみた - あめがえるのITブログ
実践!
1.Basic認証追加
1-1.[AWS] - [Amplify] - 該当のアプリケーション

1-2.[ホスティング] - [アクセスコンロトール] - [アクセスの管理]

1-3.下記を入力
すべてのブランチのアクセスを管理:✅
ユーザーネーム:任意
パスワード:任意

1-4.[保存]

2.動作確認
2-1.接続URL確認
2-1-1.[AWS] - [Amplify] - 該当のアプリケーション

2-1-2.[ホスティング] - [ドメイン]のURLをクリック

2-2.Basic認証動作確認
2-2-1.Basic認証画面が表示されること

2-2-2.1-3で設定したユーザーネームとパスワードで認証を行い、FrontEndのページが表示されること
