/aws-cognito-js-login

AWS Cognito Login Customization - Kickstarter

Primary LanguageJavaScriptMIT LicenseMIT

aws-cognito-js-login

Shows correct set up and usage of https://github.com/aws/amazon-cognito-identity-js in a Demo Application. The Application allows a user to sign-up with different User-Atrributes. It can be used with MFA settings enabled.

Setup

First step: Clone this project and download the following Libraries to a folder named /dist:

  1. /dist/aws-cognito-sdk.min.js
  2. /dist/amazon-cognito-identity.min.js
  3. JavaScript BN library
  4. Stanford JavaScript Crypto Library

For more information about the dependencies click here


Second step: Go to the AWS Cognito User Pools and create a new User Pool: For the settings used in this application enable MFA and choose next to `email` as required attribute `phone number`.

When creating the Client app it's IMPORTANT to uncheck the generate client secret box. Because the JavaScript SDK doesn't support apps that have a client secret.


Third step: Go to AWS Cognito Federated Identites and create a new Identity Pool for your User Pool.

For your Identity Pool you can create a Authenticated role as well as a Unauthenticated role, where you can define what your users are allowed to do. For example reading from/uploading to S3.


Forth step: After you created all necessary AWS rescources, you need to reference them in your application. For that open the file `config.js` and edit the variables. The Ids like `identityPoolId` or `UserPoolId` you are able to see in the AWS Console.
Great, be your first user Open `index.html` in your browser and sign up for your client app.

This is what you will get:

Links

Article about Amazon Cognito in the Browser.

Here you can find the docs for Official amazon-cognito-identity-js

The kiwi background pattern can be found here