Google auth not working on development environment

[gabrielfgularte]

Hello everyone,

I followed the tutorial in the documentation, but when I try to log in with Google at (http://localhost:9000/accounts/google/login/), I encounter an Error 400: redirect_uri_mismatch. When I click on error details, the following information is displayed:

Error 400: redirect_uri_mismatch

The app can't be signed in because it doesn't comply with Google's OAuth 2.0 policy. If you are the app developer, please register the redirect URI in the Google Cloud Console. Request details: redirect_uri=https://localhost/accounts/google/login/callback/ flowName=GeneralOAuthFlow.

However, in my Google Console Credentials, the URL I have is: http://localhost:9000/accounts/google/login/callback/. As you can see, there are two differences: 1) https vs http and 2) the URL is missing the 9000 port.

If I enter the URL from the error message into the Google Console, it works until it redirects me to https://localhost/accounts/google/login/callback/, which does not exist in my local environment. My app is running on http://localhost:9000/ and not on https://localhost/.

I am not sure about other providers, but for Google, simply following the tutorial in the docs does not seem to work as expected. Could anyone provide guidance on how to address these two issues (https and port)?

Thank you for your assistance!

[gabrielfgularte]

Hello everyone,

I found a workaround that might be useful, but now I'm stuck in the "Social Network Login Failure" view.

I have my own accounts app, but if you don't, you might consider creating an app called "google_provider." In this app, I created a provider.py file with the following content:

python
from allauth.socialaccount.providers.google.provider import GoogleProvider
from allauth.socialaccount.providers.google.views import GoogleOAuth2Adapter
from django.conf import settings


def build_absolute_uri():
    return settings.SOCIALACCOUNT_PROVIDERS['google']['REDIRECT_URL'] # http://localhost:9000/accounts/google/login/callback/


class CustomGoogleOauth2Adapter(GoogleOAuth2Adapter):
    def get_callback_url(self, request, app):
        return build_absolute_uri()


class CustomGoogleProvider(GoogleProvider):
    oauth2_adapter_class = CustomGoogleOauth2Adapter
    id = 'google'


provider_classes = [CustomGoogleProvider]

In urls.py, I simply pasted the contents from allauth.providers.google.urls.py. Since my account app is already registered in settings.INSTALLED_APPS, this was enough to make it work.

However, it only works up to the callback URL. The callback URL receives the following parameters: http://localhost:9000/accounts/google/login/callback/?state=poOKROXI8PPU7Q5G&code=4%2F0AcvDMrDJk08LdsPqbGWOpb3gSC0uE7m_3mdjULfBbVZQOCYByrX-Eguw5OjtqqvoU151kA&scope=email+profile+openid+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&authuser=0&prompt=consent

And the view shows the following error:

Social Network Login Failure
An error occurred while attempting to login via your social network account.

I'm now out of options and unsure how to proceed from here. Any help or guidance would be greatly appreciated.

Thank you!

[benjaminrussell-americor]

I suspect the issue is https vs http in the redirect_uri.

The redirect_uri should match your server's protocol.