Add An App To Enable the Hosted Web UI Using AWS Cognito User Pool

What is Amazon Cognito?

Amazon Cognito provides authentication, authorization, and user management for your web and mobile apps. Your users can sign in directly with a user name and password, or through a third party such as Facebook, Amazon, Google or Apple.

The two main components of Amazon Cognito are user pools and identity pools. User pools are user directories that provide sign-up and sign-in options for your app users. Identity pools enable you to grant your users access to other AWS services. You can use identity pools and user pools separately or together.

Create a User Pool

Step1:- Go to the Amazon Cognito console.

Step 2:- Choose Manage User Pools.

Step 3:- In the top-right corner of the page, choose Create a user pool.

Step 4:-Provide a name for your user pool, and choose Review defaults to save the name.

Step 5:- In the top-left corner of the page, choose Attributes, choose Username and Also allow sign in with verified email address and then choose Next step to save

Step 6:-In the left navigation menu, choose Review.

Review the user pool information and make any necessary changes. When the information is correct, choose Create pool.

Step 7:- On the navigation bar on the left-side of the page,

choose App clients under General settings.

Step 8:- Choose Add an app client & Give your app a name and Choose Create app client.

Step 9:– Note the App client ID.

Step 10:- Choose Return to pool details.

Step 11:- Choose App client settings from the navigation bar on the left-side of the console page Select Cognito User Pool as one of the Enabled Identity Providers.

Step12:- Enter a callback URL for the Amazon Cognito authorization server to call after users are authenticated

Step 13:- Select Authorization code grant and Under Allowed OAuth Flows, select Implicit grant and choose save changes.

Step14:- On the Domain name page, type a domain prefix that’s available and Make a note of the complete domain address & Choose Save changes.

Step 15:- To view your sign-in page


Post By Pawan Kumar Saini (Developer)