Adding AWS Cognito Federated Login With Google Using AWS Amplify

Image by Thomas Breher from Pixabay

Updated Version



Configure the Amplify CLI

Generate an Angular Project and Install Dependencies

ng new amplify-google-login-test
ng add @angular/material
npm install aws-amplify

Implement the Auth Service

Import the Material Button Module

import { MatButtonModule } from '@angular/material/button';imports: [
<button  mat-flat-button color="accent"   
Login with Google

Add Amplify

amplify init

Complete the Google Social Provider Setup

amplify add auth

Complete Angular Scaffolding

Final Step

"oauth": {
"domain": ""

Brought to You By

Founder of Firefly Semantics Corporation