Google one tap Login With Django ( The given origin is not allowed for the given client ID issue )

I'm trying to connect Google One Tap Login with Django framework, but I'm having issue.

I'm not sure why this is displaying an issue. I followed all of the guidelines described in the Google documentation.

issue - The given origin is not allowed for the given client ID

Here is my Google API client configuration for the javascript origin url.

Here is the login html template code.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>Hi Reddit</h1>

    <script src="https://accounts.google.com/gsi/client" async defer></script>

    <div id="g_id_onload" data-client_id="i don't want to shere"
        data-context="signin" data-ux_mode="popup" data-login_uri="http://localhost:8000/google/login/"
        data-auto_select="true" data-itp_support="true">
    </div>

    <div class="g_id_signin" data-type="standard" data-shape="pill" data-theme="outline" data-text="continue_with"
        data-size="large" data-logo_alignment="left">
    </div>

</body>

</html>

I'm not sure why this is displaying an issue.

Is it possible to load Google One Tap Javascript in Django?

What should I do to load Google One Tap Javascript in Django?

Back to Top