Странный урл после редиректа успешной авторизации Google auth, ux_mode: 'redirect'

Question

столкнулся с настройкой Google авторизации. Как было указано в документации https://developers.google.com/identity/sign-in/web/reference?hl=ru#gapiauth2clientconfig есть вариант с авторизацией в модальном окне, а есть в полноекранном режиме ux_mode: popup или redirect. При авторизации в модальном окне, у меня не меняется урл следовательно весь код который был написан и инстанс самого обьекта авторизации у меня постоянно доступен с которого я могу взять токен и т.д. при том что токен будет постоянно обновлятся сколько бы раз я не прошел авторизацию! Проблема заключается в том что когда я использую полноекранный режим ux_mode:'redirect'меня перебрасывает на страницу гугла там я прохожу авторизацию и меня перебрасывает на мой origin который я указываю в настройках моего гугл приложения, но с вот таким урлом: http://localhost:3000/iOjE1ODQ4NzQ5NDAsImp0aSI6Ijk3ZDZlYTMzNjI5NWJ

Подскажите пожалуйста есть ли какие-то настройки для того что бы в урле на который меня редиректит был только один мой id_token и больше ничего? или это невозможно и почему?

Мой код для авторизации

import React, { Component } from 'react'
import './App.css'

class App extends Component {
  componentDidMount() {
    this.addGoogleScript()
  }

addGoogleScript() {
        const script = document.createElement('script');

        script.src = 'https://apis.google.com/js/platform.js';

        document.head.appendChild(script);

        script.onload = () => this.initYouTubeButton();
}

initYouTubeButton(){
const _onInit = auth2 => {
      console.log('init OK', auth2)
    }
    const _onError = err => {
      console.log('error', err)
    }

    window.gapi.load('auth2', function() {
      window.gapi.auth2
        .init({
          client_id:
            '1018076980836-0v62jbci75t25q0tosri7dkfa9fn3r5q.apps.googleusercontent.com',
            ux_mode: 'redirect',
        })
        .then(_onInit, _onError);
    })
}


  signIn = () => {
    const auth2 = window.gapi.auth2.getAuthInstance()
    auth2.signIn().then(googleUser => {
    
      const profile = googleUser.getBasicProfile()
      console.log('ID: ' + profile.getId())
      console.log('Full Name: ' + profile.getName())
      console.log('Given Name: ' + profile.getGivenName())
      console.log('Family Name: ' + profile.getFamilyName())
      console.log('Image URL: ' + profile.getImageUrl())
      console.log('Email: ' + profile.getEmail())

      const id_token = googleUser.getAuthResponse().id_token
      console.log('ID Token: ' + id_token)
    })
  }
  signOut = () => {
    const auth2 = window.gapi.auth2.getAuthInstance()
    auth2.signOut().then(function() {
      console.log('User signed out.')
    })
  }
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <button onClick={this.signIn}>Log in</button>
          <button onClick={this.signOut}>Log out</button>
        </header>
      </div>
    )
  }
}
export default App;

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

БЛОГ НА HUSL

Странный урл после редиректа успешной авторизации Google auth, ux_mode: 'redirect'

Ответы (0 шт):