google+登录API |
您所在的位置：网站首页 › 谷歌官网登陆入口 › google+登录API |
google+登录API
|
google登录API接口参考https://developers.google.com/+/web/signin/ http://tech.ddvip.com/2014-05/1401282005210756.html
准备工作： 打开Google API 控制台 : https://code.google.com/apis/console 点击 My Project (我的项目) 按照图示流程，您将完成一个google+ 登录API。快来尝试一下吧。 参考API地址：https://developers.google.com/ 1、
2、
3、
4、
5、
6、
7、
8、
9、
10、
11、
12、
13、代码部分 test // 加载google js文件 (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/client:plusone.js?οnlοad=render'; // 后边加onload触发初始化函数 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); // 初始化函数 function render() { gapi.signin.render('google_login', { 'callback': 'signinCallback', 'approvalprompt': 'auto', // 这里写入你的App ID 'clientid': '732990474661-01mhrf8i4hlbustv0pv4mnokf2vm50mr.apps.googleusercontent.com', 'cookiepolicy': 'single_host_origin', 'requestvisibleactions': 'http://schemas.google.com/AddActivity', 'scope': 'https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/userinfo.email' }); } // 回调函数 function signinCallback(authResult) { if (authResult) { // 是否有错 if(authResult["error"]==undefined){ // 隐藏登录按钮 $("#google_login").hide(); // 加载api gapi.client.load('plus','v1',function(){ // 传入me即视为自己 var request=gapi.client.plus.people.get({'userId':'me'}); // 回调函数 request.execute(function(profile){ // 取得头像、生日、名字。只有公开的资料才能获取 $("#name").html(profile["displayName"]); $("#age").html(profile["ageRange"]["min"]); // sz=200 即图片大小200 $("#head").attr("src",profile["image"]["url"]+"&sz=200"); }); }); // 加载api gapi.client.load("oauth2","v2",function(){ var request=gapi.client.oauth2.userinfo.get(); request.execute(function(obj){ // 取得登录邮箱并显示 if(obj["email"]){ $("#email").html(obj["email"]); } }); }); // 显示登录后的信息 $("#vip").show(); } } } // 取消与应用关联的代码 function disconnectUser() { var revokeUrl = 'https://accounts.google.com/o/oauth2/revoke?token=' + gapi.auth.getToken().access_token; $.ajax({ type: 'GET', url: revokeUrl, async: false, contentType: "application/json", dataType: 'jsonp', success: function(nullResponse) { // 成功以后隐藏登录信息 $("#vip").hide(); // 显示登录按钮 $("#google_login").show(); alert("退出成功！"); }, error: function(e) { alert("取消關聯失敗！請到 https://plus.google.com/apps 手动解除！"); window.open("https://plus.google.com/apps"); } }); } } |
【本文地址】