Есть ли другой способ загрузить google api в html-шаблон jina django?

Так я установил вход в систему google на облаке google, я не реализовал логику в бэкенде, нужно ли мне реализовать логику в бэкенде, чтобы увидеть виджет входа в систему google? Потому что я не могу его увидеть, я уверен, что он создает идентификатор клиента, я не установил ничего в настройках да или что-то еще, так что, возможно, я должен?

Я пытаюсь заставить виджет google sign in отображаться, но не вижу его, вот мой код:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login Page</title>
    <script src="https://accounts.google.com/gsi/client" async></script>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

        .container {
            background-color: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
        }

        img {
            border-radius: 50%;
            width: 100px;
            height: 100px;
            object-fit: cover;
            margin-top: 10px;
        }

        p {
            color: #333;
            margin: 10px 0;
        }

        a {
            color: #007bff;
            text-decoration: none;
            font-weight: bold;
        }

        a:hover {
            text-decoration: underline;
        }

        .g_id_signin {
            margin-top: 20px;
        }
    </style>
</head>
<body>

<div class="container">
    {% if request.session.user_data %}
    <div>
        <p>Hi {{ request.session.user_data.given_name }} 🙂</p>
        <p>Your email is {{ request.session.user_data.email }}</p>
        <img src="{{ request.session.user_data.picture }}" alt="User picture">
        <p>Click here to <a href="/sign-out">Sign out</a></p>
    </div>
    {% else %}
    <div>
        <p>Hi there 🙂 </p>
        <p>Click below to sign in with Google</p>
        <div id="g_id_onload"
     data-client_id="19752809892-j7huusq8tk032j615v78bij46fej8gs6.apps.googleusercontent.com"
     data-context="signin"
     data-ux_mode="redirect"
     data-login_uri="http://127.0.0.1:8000/google-auth-reciever"
     data-itp_support="true">
</div>

<div class="g_id_signin"
     data-type="standard"
     data-shape="rectangular"
     data-theme="filled_blue"
     data-text="signin_with"
     data-size="large"
     data-logo_alignment="left">
</div>
    </div>
    {% endif %}
</div>

</body>
</html>

Да, вам нужно реализовать логику, иначе функции jinja не будут работать, попробуйте включить режим отладки Django для получения более подробной информации, вот некоторая информация по этому поводу

https://learntube.ai/blog/programming/django/debugging-django-applications-tips-and-tricks/#:~:text=Вы%20можете%20включить%20режим%20отладки%20в%20настройках%20вашего%20проекта.&text=Django%20предоставляет%20а%20встроенный%2дин,в%20ваше%20приложение%20на%20время%20выполнения.

Вернуться на верх