Ich möchte Google-Anmeldung in meiner Website hinzufügen, ich erstellte meine Google Developer Console Client-ID und ich fand ein offizielles Tutorial hier https://developers.google.com/identity/sign-in/web/sign-in, die zeigt, wie es getan, ich habe die gleiche Weise tut Tutorials aber hier bekomme ich nichts, ich Das bedeutet, dass die Schaltfläche in meinem Browser nicht angezeigt wird, wenn ich den Code ausführe.Wie füge ich Google-Login oauth zu meiner Website hinzu?
hier ist der Code:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Login with Google Account using JavaScript by CodexWorld</title>
<meta name="google-signin-client_id" content="921258372597-t5jrb0e9p4ivstp9mfi972lhcvfcuo59.apps.googleusercontent.com">
<script src="jquery.min.js"></script>
<script src="https://apis.google.com/js/client:platform.js?onload=renderButton" async defer></script>
<style>
.profile{
border: 3px solid #B7B7B7;
padding: 10px;
margin-top: 10px;
width: 350px;
background-color: #F7F7F7;
height: 160px;
}
.profile p{margin: 0px 0px 10px 0px;}
.head{margin-bottom: 10px;}
.head a{float: right;}
.profile img{width: 100px;float: left;margin: 0px 10px 10px 0px;}
.proDetails{float: left;}
</style>
<script>
function onSuccess(googleUser) {
var profile = googleUser.getBasicProfile();
gapi.client.load('plus', 'v1', function() {
var request = gapi.client.plus.people.get({
'userId': 'me'
});
//Display the user details
request.execute(function (resp) {
var profileHTML = '<div class="profile"><div class="head">Welcome '+resp.name.givenName+'! <a href="javascript:void(0);" onclick="signOut();">Sign out</a></div>';
profileHTML += '<img src="'+resp.image.url+'"/><div class="proDetails"><p>'+resp.displayName+'</p><p>'+resp.emails[0].value+'</p><p>'+resp.gender+'</p><p>'+resp.id+'</p><p><a href="'+resp.url+'">View Google+ Profile</a></p></div></div>';
$('.userContent').html(profileHTML);
$('#gSignIn').slideUp('slow');
});
});
}
function onFailure(error) {
alert(error);
}
function renderButton() {
gapi.signin2.render('gSignIn', {
'scope': 'profile email',
'width': 240,
'height': 50,
'longtitle': true,
'theme': 'dark',
'onsuccess': onSuccess,
'onfailure': onFailure
});
}
function signOut() {
var auth2 = gapi.auth2.getAuthInstance();
auth2.signOut().then(function() {
$('.userContent').html('');
$('#gSignIn').slideDown('slow');
});
}
</script>
</head>
<body>
<div id="gSignIn"></div>
<div class="userContent"></div>
<div class="divid" style="background:#ddd;height:30px;width:30px;"> </div>
</body>
</html>
Ich versuchte es zuerst, und dann dachte ich, es gäbe ein Problem mit g-signin2 und ich änderte es in gSignIn, und ich probierte g-signin2 erneut dasselbe Ergebnis keine Änderungen – jacky
ich denke http://StackOverflow.com/questions/15287669/google-signin-button-klasse-g-signin-link wird ihnen helfen, als ihre anforderung. – ZearaeZ