やること
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のページが表示されること