Проблема при подключении google авторизации на сайт django

Хочу сделать гугл авторизацию на сайте. В google console создал проект и создал OAuth Client ID. в Authorized JavaScript origins написано http://localhost:8000.

html:

{% load static %}
<!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>
    <meta name="google-signin-client_id" content="969747368177-naj534pm7bt03abuh553knf63prbf9on.apps.googleusercontent.com">
</head>
<body>
    {% block content %}
    {% endblock %}
    
    <div id="my-signin"></div>

    <script>

      function onSuccess(googleUser) {
          let profile = googleUser.getBasicProfile()
          console.log('Email: ' + profile.getEmail())
          let token = googleUser.getAuthResponse().id_token
          console.log('Token: ' + token)
      }
  
      function onFailure(error) {
          console.log(error)
      }
  
      function renderButton() {
          gapi.signin2.render('my-signin', {
              'scope': 'profile email',
              'width': 240,
              'height': 50,
              'longtitle': true,
              'theme': 'dark',
              'onsuccess': onSuccess,
              'onfailure': onFailure
          });
      }
  </script>
  
  
  <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script>

</body>
</html>

Кнопка для авторизации появилась, но при авторизации срабатывает функция onFailure(). Это выглядит так как будто бы окно для авторизации сначала открывается и через несколько секунд закрывается (соответственно происходит ошибка).

прикреплю изображение директории файлов если это как то поможет введите сюда описание изображения

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