Strapi Authentication Provider - Google

[@michelelesbao6050]

For those struggling with 404 error, some updates. In strapi v4 we should use "/api/connect/google" instead of only "/connect/google" in order to communicate with google. However, doing so you probably will fall in 401 error in some point. What I did here was downgrade strapi in order to make it work. If v4 is important to you, it would be better to stay tunned with their repo and wait them fix it.

[@r.vazamantazakka5908]

Thank you so much! You really helped me! I've been wondering what's wrong with my app for hours :'

[@leanprogrammer]

Which version did you downgrade to?

[@conororeilly5492]

Wait, so the issue with Google Auth and Strapi v4 is Strapi itself?

[@Max14211]

This video had so much value I had to buy your course on principal. Thank you for making this learning process so easy :)

[@AlextheEntreprenerd]

Thank you!

[@MedyGames]

Man you go all the way with this. I love it.

[@lordrampenthump422]

this is so simple but i couldnt get my head around it. this gave me the logic i needed. cheers

[@Rockheaven1000]

I bought your course and definitely worth it, please keep doing this amazing videos I'll buy all of them

[@sacabonos]

Thanks for the detailed walkthrough. I'd love to see similar video for Microsoft authentication provider and how to restrict account creation for a specific domain. Keep it up 👍

[@AlextheEntreprenerd]

Thank you for your recommendation! Try using this guide: github.com/strapi/strapi-examples/blob/master/login-react/doc/microsoft_setup.md

[@Malcolm777-i]

@@AlextheEntreprenerd page not found.

[@ThatGuyAnonymous]

As always you're delivering amazing content 👌

[@AlextheEntreprenerd]

Thank you!

[@petarkolev6928]

I love your tutorial, it says it all!!

[@CodeWithVlad]

Very good channel, nice work on showing how to configure oauth on strapi :)

[@amraromoro]

Excellent work man 🙌🙌

[@mari25964]

Hi Alex, my issue is that /connect/google is not redirecting me to OAuth screen. did something change in strapi?

[@sanoj_silva]

Great work I've been waiting for this thank you

[@AlextheEntreprenerd]

Happy you enjoyed it!

[@jonathanfmach2]

Great video! Any idea on how to save additional information like user Name or profile picture?

[@AlextheEntreprenerd]

The short answer is: Write a custom login provider. See Strapi guide here: strapi.io/documentation/v3.x/plugins/users-permissions.html#adding-a-new-provider-to-your-project See the current Google provider code here (search for google): github.com/strapi/strapi/blob/master/packages/strapi-plugin-users-permissions/services/Providers.js

[@thegeeksides]

@@AlextheEntreprenerd Hm, the body returned from google .query("oauth") doesn't contain user's name nor profile picture. Any help, please?

[@reallegend1]

Thanks, Hope you can make a tutorial about Docker with strapi and gatsby .

[@AlextheEntreprenerd]

I cover using Docker with Strapi here: kzbin.info/www/bejne/qIXEh2WgrbSLa6c

[@codehucau5564]

Good video, but you have any idea about aws cognito as Provider ?

[@MrDiiaz94]

Why i need call second call? In the first response call shown the jwt token wich can be used to call strapi endpoints (I tested it). Could you explain me?

[@gabrielfono844]

sir please can you guide me on how to deploy an application built with strapi and react.js on digital ocean with custom domain. you dont have any course like this on udemy

[@AlextheEntreprenerd]

Hey man! You can follow this video by Chris on the Digital Ocean channel: kzbin.info/www/bejne/jaPQn5eEpbyGgNk

[@hasan-sh2hs]

Thank you for the content.

[@AlextheEntreprenerd]

Happy to help!

[@TheSILVERVEVO]

great topic. for the register part will it be the same? or theres no need to register users this way?

[@AlextheEntreprenerd]

Users are automatically registered. You could style the button with: "Access with Google". The user will be created only on the first time using the provider

[@TheSILVERVEVO]

@@AlextheEntreprenerd thanks man keep it up the good work

[@jeffinj7707]

Doesnt work with strapi v4

[@hasan-sh2hs]

you're a great guy. thanks.

[@AlextheEntreprenerd]

Glad I could help!

[@ali-d-coded5620]

how to set up user with phone authentication only (without the need for email)? the process will mainly use phone number as the login username … reset-password will use OTP sent to phone… etc so mainly is to drop the need of email for the user?? Please help!!!

[@gajanandpandey4790]

Can two strapi application run on single database.

[@ali-d-coded5620]

Is there any way to use mobile number as identifier for login instead of email?

[@husdadymena3682]

hello sir, I am implementing Strapi in an app made with react native, I need that when pressing a button (Touchable), it appears to me to choose a Google account and after choosing an account, a new user is created in Strapi, how would it be possible this sir? Good video

[@Sandiprb]

Is there any way to get more user data in Strapi user content type from Social auth. Like fullname, avatar etc. Thanks for such a good playlist on Strapi!

[@jonathanfmach2]

Just noticed I asked the same question. Did you make any progress on this? Cheers

[@WarmanSuganda]

Awesome, thanks for the tutorial. 👍

[@nabeelahmad6600]

not working.....404 not found error

[@AbhishekSahaWeb]

Great work. Could you please gide me to get user profile object from Google while authenticating?

[@AlextheEntreprenerd]

Hey Abhishek, try looking into this file: github.com/strapi/strapi/blob/master/packages/strapi-plugin-users-permissions/services/Providers.js Then use the extensions system to customize the behavior so you can use the full Google Object

[@Dhruvsaxena19]

Is there any way if a user signed-up with local provider but now wan'ts to login via google? All i'm getting is email already taken. Can you please help me out with it.

[@Dhruvsaxena19]

Also when i switch up the url for redirect to my frontend, I'm getting error: 302 and login/signup fails.

[@AlextheEntreprenerd]

You would have to overwrite the callback that the Grant / Purest Google Integration is using. It can be done, but you'll have to start from the source code: github.com/strapi/strapi

[@andreyva4661]

this instruction should be in the documentation strapi

[@AlextheEntreprenerd]

I'll take that as a compliment!

[@TheAzovStar]

Mistake: in field "The redirect URL to your fromt-end app" field: need to add to URL at the end slash "/". So will be: some.ngrok.io/auth/google/callback/ Without slash - redirect will be: some.ngrok.io/auth/google/callback%20?id_toke...

[@TheAzovStar]

Alex, Thank you very much for this video! Great tutorial!

[@deshario]

@@TheAzovStar it should be id_token right ... not access_token as in 13:45

[@bignosethethird]

Out of date and very frustrating to follow as much has changed on both Google Console and Strapi. Time for an update!

[@gajanandpandey4790]

I want to use strapi as microservices.

[@gauravsinghsays]

The redirect URL to add in your Google application configurations : is uneditable and set to 0.0.0.0:23854/connect/google/callback. I've exactly replicated the steps, still. I hope mongodb configuration isn't related to google Auth. If it helps, local server says environment to be development while heroku app says production.

[@rangabharath4253]

awesome

[@mdsalahuddin2841]

udemy says - This is a private course.!

[@bisadelara5933]

Thanks ! Super helpful