あめがえるのITブログ

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

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


やること

AmplifyのFrontEndにBasic認証を追加する

前提

AmplifyのFrontEndの設定が完了していること
※完了していない場合下記を行う
AWS Amplifyでフロントエンドアプリケーションを作成してみた - あめがえるのITブログ

実践！

１．Basic認証追加
１－１．[AWS] - [Amplify] - 該当のアプリケーション

１－２．[ホスティング] - [アクセスコンロトール] - [アクセスの管理]

１－３．下記を入力
　すべてのブランチのアクセスを管理：✅
　ユーザーネーム：任意
　パスワード：任意

１－４．[保存]

２．動作確認
２－１．接続URL確認
　２－１－１．[AWS] - [Amplify] - 該当のアプリケーション

　２－１－２．[ホスティング] - [ドメイン]のURLをクリック

２－２．Basic認証動作確認
　２－２－１．Basic認証画面が表示されること

　２－２－２．１－３で設定したユーザーネームとパスワードで認証を行い、FrontEndのページが表示されること

感想

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