✅ - AWS Amplify + Cognito + Vue.js + Google SSO login guide

[crude stone]

Currently finding it difficult to find and follow the correct information online about how I can create a Vue App which has Google Social Sign and user details are handled and stored on Cognito. I've got to the part where I can get the Google Social Sign on to work when I click on "View Hosted UI" in Cognito but not in my actual Vue.js app which is pushed to AWS Amplify. Is there a guide on how I can do this?

I set up the vue.js project seperately and pushed to Amplify and then set up Cognito afterwards, so I'm not sure if using the amplify cli is a easier way to set everything up? I'm also using Phaser as my game engine. Any guide on how I can set this up locally and a production version would be much appreciated! Thank you.

[fallen bane]

Hey there, @crude stone 👋. Sorry we didn't get back sooner to help here, but if you're looking to implement social providers for federated auth (such as Google), then it should be as easy as following the docs here to implement it into a Vue.js app (click on the "Google Sign-in" tab):

https://docs.amplify.aws/vue/build-a-backend/auth/concepts/external-identity-providers/

When you mention that you're "pushing" to AWS and Amplify, is this a Gen 1 app that it utilizing the CLI to push/pull updates as they are made? Or were you building this on the Gen 2 Developer Experience?

[umbral dove]

✅ - AWS Amplify + Cognito + Vue.js + Google SSO login guide