あめがえるのITブログ

頑張りすぎない。ほどほどに頑張るブログ。

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


感想

Amplifyさん、GUIでやったりCLIでやったり、なんか統一性がないな。。。