a ako odpoveď dostane access_token.
<!DOCTYPE html><html><head><title>Connecting ...</title><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0"><script src='https://ssl.gstatic.com/accounts/o/2675243459-storagerelay.js'></script></head><body ><script type="text/javascript">var done = function() {window.close();}; lso.relayAuthResponseByWebStorageEvent( 'http:\/\/run.plnkr.co', '655082111777-8dlr2thnsn9a1v74f55ku2gs1gjjcpaj.apps.googleusercontent.com', 'auth739275', {
"login_hint" : "AJDLj6LZiU7-hK_OPGVaqqQt5LSt62dIPO6xEgOLtnnsXi4d6GBiR6LMsixmFX1m5h-T2F4u4WK7iY9cQRd0UzQYj5GthUehPw",
"client_id" : "655082111777-8dlr2thnsn9a1v74f55ku2gs1gjjcpaj.apps.googleusercontent.com",
"code" : "4/eIAovQWUXrqMObBEAMQ8KM5AkubVFDDtZWfDMFrNvHo"
}, done);</script></body></html>
Tu je kód celej aplikácie. Pridal som
ako povolený origin.
<!-- The top of file index.html -->
<html itemscope itemtype="http://schema.org/Article">
<head>
<!-- BEGIN Pre-requisites -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
</script>
<script src="https://apis.google.com/js/client:platform.js?onload=start" async defer>
</script>
<!-- END Pre-requisites -->
<!-- Continuing the <head> section -->
<script>
function start() {
gapi.load('auth2', function() {
auth2 = gapi.auth2.init({
client_id: '655082111777-8dlr2thnsn9a1v74f55ku2gs1gjjcpaj.apps.googleusercontent.com',
// Scopes to request in addition to 'profile' and 'email'
//scope: 'additional_scope'
});
});
}
</script>
</head>
<body>
<!-- Add where you want your sign-in button to render -->
<!-- Use an image that follows the branding guidelines in a real app -->
<button id="signinButton">Sign in with Google</button>
<script>
$('#signinButton').click(function() {
// signInCallback defined in step 6.
auth2.grantOfflineAccess({'redirect_uri': 'postmessage'}).then(signInCallback);
});
</script>
<div id="result"></div>
<!-- Last part of BODY element in file index.html -->
<script>
function signInCallback(authResult) {
$('#result').append("result in console");
console.log(authResult);
}
</script>
</body>
</html>
Choď na stránku: