Google Anmelden für Websites: Kann nicht Anmelde-Schaltfläche

Ich bin die offizielle Anleitung here folgen und kann nicht eine Schaltfläche zum Rendern abrufen. Ich bin kein Front-End-Entwickler, muss aber dafür arbeiten, einige Backend-Funktionen zu demonstrieren. Da der Guide einige Dinge annehmen könnte, die für Frontend-Devs offensichtlich sind, werde ich erklären, was ich getan habe, um die Guide-Schritte zu erreichen.Google Anmelden für Websites: Kann nicht Anmelde-Schaltfläche

Unter "Laden Sie die Google-Plattform Library", ich, dass <script>-Tag unter dem <head> Tag setzte
Unter "App-Client-ID angeben", legte ich das mit meinem clientId ersetzt, auch unter dem <head> Tag , direkt vor der <script> von vorherigen Schritt
Unter "Hinzufügen einer Google-Anmeldung Schaltfläche", legte ich das <div> Tag irgendwo im Körper meiner Seite, neben einem <p> Tag, das erfolgreich Text (um sicher zu sein, dass ich warn) 't in einem versteckten div)

Wenn ich an dieser Stelle meine Seite aktualisiere, kann ich die Anmelde-Schaltfläche nirgends sehen. Ich denke, es könnte etwas mit der JS-Funktion zu tun haben, wenn der nächste Schritt fehlt. Ich fügte diese Funktion innerhalb des Tags <body> hinzu, direkt nachdem ich das <body>-Tag geöffnet habe.

Noch keine Taste. Ich habe versucht, den Code in jsfiddle, wie ein anderer Benutzer vorgeschlagen, aber ich konnte nicht herausfinden, wo <script> und <meta> Tags in jsfiddle setzen, denn wenn ich ein Tag eingegeben, sagte JSFiddle mir, dass es bereits für mich enthalten war , aber ich konnte es nicht finden, um meine Tags hinzuzufügen.

Ich nahm meinen gesamten Anwendungscode und erstellte eine nackte Seite mit nur den Bits von Google, um zu demonstrieren, wie ich die Bibliothek verwenden möchte. Ich habe eingefügt, dass Code here

Quelle

2016-10-16 rogodeter

hier Pastebin wie Sie Google's Sign-In button Vorlage verwenden, können die Login & Erteilung von Berechtigungen Prozess in einer etwas elegantere Weise zu initialisieren:

<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(); 
}

Quelle

2016-10-18 12:00:44

Google Anmelden für Websites: Kann nicht Anmelde-Schaltfläche

Antwort

Verwandte Themen