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、代码部分

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>test</title><script type="text/javascript" src="jquery-1.8.3.min.js"></script><script type="text/javascript">// 加载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();// 加载apigapi.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");});});// 加载apigapi.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");}});}}</script>
</head>
<body><div id="vip" style="font-size:14px;font-weight:blod;color:red;display:none;"><img id="head" /><br />邮箱：<span id="email"></span><br />年龄：<span id="age"></span><br />姓名：<span id="name"></span><br /><a href="javascript:;" οnclick="disconnectUser()">退出</a></div><span id="google_login"><a href="javascript:;">login</a></span>
</body>
</html>

google+登录API相关推荐

[Android/安卓]Google登录接口之Api接入
目录 1.基础配置 2.GoogleLogInImpl(登录接口实现类) 3.GoogleLogIn(实现类接口) 4.GoogleCallback(登录授权回调接口) 5.GoogleBuild(构 ...
Android 应用程序集成Google 登录及二次封装
谷歌登录API: https://developers.google.com/identity/sign-in/android/ 1.注册并且登录google网站 https://accounts. ...
如何获取Google地图API密钥？(翻译版)
对于使用Google浏览器的用户,可以使用浏览器的翻译功能将原网页翻译为中文网站,下面的操作为翻译为中文后的操作方法: 使用Google地图的用户需要注意了!Google地图于2016年6月22日更新 ...
在Android App中集成Google登录
技术文章来源:码农网发布:2016-09-19 浏览:194 摘要:今天,几乎所有的web和移动app都自带谷歌和Facebook登录,这对app开发者和用户来说是一个非常有用的功能,因为几乎每个 ...
如何在React Native和Firebase中设置Google登录
Google sign-in is a great login feature to offer to your app's users. It makes it easier for them to ...
Google Maps API 申请方式变更为APIs Console, android手机申请方式
使用旧的key访问会弹出要你到:http://code.google.com/apis/maps/documentation/javascript/v2/introduction.html#0btai ...
Google登录授权详细过程
前言这篇文章包含了google登录授权从API创建.到使用Java代码完成登录的一个完整demo. 主要为了实现google关联用户的服务,如google merchant center等. 如果仅 ...
Android 集成 google 登录并获取性别等隐私信息
前言公司做海外产品的,集成的是 google 账号登录,账号信息.邮箱等这些不涉及隐私的按 google 的正常登录流程可以轻松实现 .但是一旦需要获取涉及隐私的信息就比较麻烦,文档也不是十分清晰, ...
Google登录和内购简要说明
Firebase-Google身份验证(登录) 我的博客:https://blog.csdn.net/qq_39574690/article/details/121246655 1.Google账号登 ...

google+登录API

google+登录API相关推荐

最新文章

热门文章