Блог

Главная - Вопросы по программированию - Кнопка входа в Google неверного происхождения

Кнопка входа в Google неверного происхождения

#web-applications #google-signin

Вопрос:

Я внедряю кнопку входа в google, однако я просто хочу получить доступ к изображению профиля пользователя, поэтому я захожу в консоль, создаю проект, создаю новый идентификатор клиента OAuth2, добавляю разрешенные источники: localhost, dev и prod(протокол https и только http для локального хоста), загружаю и настраиваю скрипт кнопки google следующим образом:

 createGoogleScript () {
  this.script = document.createElement('script')
  this.script.src = 'https://apis.google.com/js/api:client.js'
  this.script.onload = () => {
    this.renderGoogleButton()
  }
  document.getElementsByTagName('head')[0].appendChild(this.script)
},
renderGoogleButton () {
  gapi.load('auth2', () => {
    const auth2 = gapi.auth2.init({
      client_id: 'MYKEY.apps.googleusercontent.com',
      cookiepolicy: 'single_host_origin'
    })
    this.attachSignin(auth2)
  })
},
attachSignin (auth2) {
  auth2.attachClickHandler(
    googleButtonElement,
    {},
    this.onSuccess,
    this.onFailure
  )
}

Но когда страница загружается, я получаю эту ошибку в методе инициализации:

 {
"error": "idpiframe_initialization_failed",
"details": "Not a valid origin for the client: https://my-origin-here has not been registered for client ID MYKEY.apps.googleusercontent.com. Please go to https://console.developers.google.com/ and register this origin for your project's client ID."

}

Просто для того, чтобы убедиться, я зашел в консоль, открыл идентификатор клиента oauth2, указанный в сообщении, скопировал и вставил источник в сообщение выше, и вставил его как в разрешенные источники, так и в разрешенные URI перенаправления, я все еще получаю эту ошибку, я что-то здесь упускаю, но я не знаю, что, как он может дать мне это сообщение, если я сделал именно то, что говорится в сообщении.

Метки: