Google Вход для веб-сайтов: Невозможно сделать кнопку входа

Я следую за официальным руководством here и не могу получить кнопку для рендеринга. Я не сторонний разработчик, но должен заставить это работать, чтобы продемонстрировать некоторые функциональные возможности. Поскольку руководство может принять некоторые вещи, которые очевидны для интерфейсных разработчиков, я объясню, что я сделал для достижения шагов руководства.Google Вход для веб-сайтов: Невозможно сделать кнопку входа

Под «Загрузить Google Platform Library», я поставил этот <script> тег под <head> тегом
Под «Укажите свое приложение идентификатор клиента», я положил, что, с моей ClientId замещенный, также под <head> теге , непосредственно перед <script> с предыдущего шага
В разделе «Добавить кнопку входа в систему Google» я разместил это значение <div>. Тег где-то в теле моей страницы, рядом с тегом <p>, который успешно отображает текст (чтобы быть уверенным, что я wasn 't в скрытом div)

На данный момент, когда я обновляю свою страницу, я не вижу кнопку входа в систему. Думая, что это может быть связано с функцией JS с следующего шага, я добавил эту функцию в тег <body>, сразу после того, как я открываю тег <body>.

Все еще нет кнопки. Я попытался поместить код в jsfiddle, как это сделал другой пользователь, но я не мог понять, куда положить теги и <meta> в jsfiddle, потому что когда я ввел тег <head>, JSFiddle сказал мне, что он уже включен для меня , но я не мог найти его, чтобы добавить к нему свои теги.

Я извлек весь код приложения и создал открытую страницу с битами только от Google, чтобы продемонстрировать, как я пытаюсь использовать библиотеку. Я вставил этот код на Pastebin here

источник

2016-10-16 rogodeter

Вот как вы можете использовать Google's Sign-In button шаблон для инициализации выдачи разрешений процесса Войти & в немного более элегантной манере:

<meta name="google-signin-client_id" content="{{ OAUTH2_CLIENT_ID }}"> 

<script src="https://apis.google.com/js/platform.js?onload=onLoad" async defer></script> 

<div id="google-signin-button" 
    class="g-signin2" 
    data-width="170" 
    data-height="30" 
    data-onsuccess="onSignIn" 
    data-onfailure="onSignInFailure"> 
</div>

function onSignIn(googleUser) { 
    var profile = googleUser.getBasicProfile(); 
    var idToken = googleUser.getAuthResponse().id_token; 
} 

function onSignOut(){ 
    var auth2 = gapi.auth2.getAuthInstance(); 
    auth2.signOut(); 
}

источник

2016-10-18 12:00:44

Google Вход для веб-сайтов: Невозможно сделать кнопку входа

ответ

Смежные вопросы