Проблема со входом в Google OAuth
Сначала, когда я нажимаю кнопку, появляется диалоговое окно входа в Google, и я вхожу в систему, и он показывает мне эту информацию о профиле, но когда я обновляю страницу, он показывает, что я НЕ ВХОДИТ в систему даже после того, как я вошел в систему.
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
<title>Google Login JavaScript Example</title>
<meta charset = "UTF-8">
<script src = "https://apis.google.com/js/platform.js?onload=initClient" async defer></script>
<script>
/**
* The Sign-In client object.
*/
var auth2;
/**
* Initializes the Sign-In client.
*/
var initClient = function() {
gapi.load('auth2', function(){
/**
* Retrieve the singleton for the GoogleAuth library and set up the
* client.
*/
auth2 = gapi.auth2.init({
client_id: '961018387640-uh2bbqior4gcmi2o8hdnuahjb3kombfo.apps.googleusercontent.com'
});
// auth2 = gapi.auth2.init();
// alert(auth2 );
// alert(auth2.isSignedIn.get());
if (gapi.auth2.getAuthInstance().isSignedIn.get())
{
var profile = auth2.currentUser.get().getBasicProfile();
document.getElementById("userdetail").innerHTML += '<hr> ID: ' + profile.getId();
document.getElementById("userdetail").innerHTML += '<hr>Full Name: ' + profile.getName();
document.getElementById("userdetail").innerHTML += '<hr>Given Name: ' + profile.getGivenName();
document.getElementById("userdetail").innerHTML += '<hr>Family Name: ' + profile.getFamilyName();
document.getElementById("userdetail").innerHTML += '<hr>Image URL: ' + profile.getImageUrl() + '<img src = "'+profile.getImageUrl()+'">';
document.getElementById("userdetail").innerHTML += '<hr>Email: ' + profile.getEmail();
console.info('ID: ' + profile.getId());
console.info('Full Name: ' + profile.getName());
console.info('Given Name: ' + profile.getGivenName());
console.info('Family Name: ' + profile.getFamilyName());
console.info('Image URL: ' + profile.getImageUrl());
console.info('Email: ' + profile.getEmail());
}
else
{
document.getElementById("userdetail").innerHTML += '<hr><h1> NOT LOGGED IN: ' + '</h1>';
}
// Attach the click handler to the sign-in button
auth2.attachClickHandler('signin-button', {}, onSuccess, onFailure);
});
};
//initClient();
/**
* Handle successful sign-ins.
*/
var onSuccess = function(user) {
console.info('Signed in as ' + user.getBasicProfile().getName());
document.getElementById("userdetail").innerHTML = '<hr> <hr> <h2> Signed in as ' + user.getBasicProfile().getName() + '</h2> '; // Do not send to your backend! Use an ID token instead.
if (gapi.auth2.getAuthInstance().isSignedIn.get())
{
var profile = auth2.currentUser.get().getBasicProfile();
document.getElementById("userdetail").innerHTML += '<hr> ID: ' + profile.getId();
document.getElementById("userdetail").innerHTML += '<hr>Full Name: ' + profile.getName();
document.getElementById("userdetail").innerHTML += '<hr>Given Name: ' + profile.getGivenName();
document.getElementById("userdetail").innerHTML += '<hr>Family Name: ' + profile.getFamilyName();
document.getElementById("userdetail").innerHTML += '<hr>Image URL: ' + profile.getImageUrl() + '<img src = "'+profile.getImageUrl()+'">';
document.getElementById("userdetail").innerHTML += '<hr>Email: ' + profile.getEmail();
console.info('ID: ' + profile.getId());
console.info('Full Name: ' + profile.getName());
console.info('Given Name: ' + profile.getGivenName());
console.info('Family Name: ' + profile.getFamilyName());
console.info('Image URL: ' + profile.getImageUrl());
console.info('Email: ' + profile.getEmail());
}
};
/**
* Handle sign-in failures.
*/
var onFailure = function(error) {
alert(error);
console.info(error);
};
//gapi.auth2.getAuthInstance().isSignedIn.get()
/*
if (auth2.isSignedIn.get() == true) {
auth2.signIn();
}
*/
function onSignIn(googleUser)
{
var profile = googleUser.getBasicProfile();
console.info('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead.
console.info('Name: ' + profile.getName());
console.info('Image URL: ' + profile.getImageUrl());
console.info('Email: ' + profile.getEmail()); // This is null if the 'email' scope is not present.
document.getElementById("userdetail").innerHTML = '<hr>ID: ' + profile.getId(); // Do not send to your backend! Use an ID token instead.
document.getElementById("userdetail").innerHTML += '<hr>Name: ' + profile.getName();
document.getElementById("userdetail").innerHTML +='<hr>Image URL: ' + profile.getImageUrl();
document.getElementById("userdetail").innerHTML +='<hr>Email: ' + profile.getEmail(); // This is null if the 'email' scope is not present.
}
</script>
</head>
<body>
<button class = "signin-button" id = "signin-button">signin-button</button>
<div id = "userdetail"></div>
</body>
</html>
@Mooga: Да, я разместил этот скрипт на своей странице mywebsite.com/index.html
—
07.04.2018 11:37
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
2
81
0
Другие вопросы по теме
Изменить "плагин" данных варианта WooCommerce
PrestaShop не видит файлы PHP
Получить и установить изображение dpi
Коллапс boostrap в цикле while возвращает один результат
Как вывести определенные буквы из списка слов в цикле?
Неустранимая ошибка: Неперехваченная ошибка: класс «Приложение \ База данных» не найден
Тонкий API не выводит данные
Изменение полей формы с помощью ajax, но значения полей не передаются при отправке
Как разместить JSON POST API в файле PHP
Подключите JS к PHP в laravel blade
Похожие вопросы
Всплывающее окно, каждый раз принимающее первую запись в таблице
Изменить "плагин" данных варианта WooCommerce
Список раскрывающегося меню из таблицы базы данных sqlite
У меня проблемы с местным хранением
Javascript. Помощь в планировании дат
Ошибка: не удается найти модуль "../utils/composeObjs" после глобальной установки генератора-трафарета
Отключить изменение размера моей веб-страницы на iOS - html, css
Express.js - изображение отображается только на одной странице
Встроенное видео Facebook не воспроизводится при нажатии
Скрыть и показать страницу внутри страницы
вы используете https?