divcss2014-08-25 18:08:11 10044
在网站中引入了QQ和新浪微博登陆后,对网站登录门槛的降低就已经做到了,因为这个2个基本上是所有网名都有的,特别是QQ。下载详解下这2种登录方法。
1.QQ需要申请认证,以及创建应用申请。如下图:
点击网站,填写网站信息,如下图:
点击创建应用,等待审核,审核通过后我们就可以使用基本的API了。下面是QQ互联API列表。
下面就是调用代码:
//引入JS脚本 QC.Login({ btnId: "qq_login_btn", scope: "all", }, function() { QC.api("get_user_info").success(function(s) { var paras = { format: "json" }; QC.api("get_info", paras).success(function(w) { var data = eval(w.data); var weiboUrl = "http://t.qq.com/" data.data.name; var lc = data.data.location; }).error(function(e) { }).complete(function(c) { //完成请求回调 var nickName = s.data.nickname; //称谓 var userQQSmallImage = s.data.figureurl_qq_1; //大小为40×40像素的QQ头像URL。 userQQLargeImage = s.data.figureurl_qq_2; //大小为100×100像素的QQ头像URL。 var userQQZoneImage = s.data.figureurl_1; //大小为50×50像素的QQ空间头像URL }); }); }); " _ue_custom_node_="true">
演示地址:http://www.pengyaou.com/LegendsZ/Images/FileImage/QQLoginDemo.html
2.新浪微博:
登录新浪微博开放平台,点击进入管理中心,点击添加网站,先验证网站所有权,验证后会在我的网站,未上线栏目里增加刚刚我们填写的网站,然后需要提交审核,审核完成后获取到APPID即可使用。
详细接口信息:
http://open.weibo.com/wiki/%E5%BE%AE%E5%8D%9AAPI
登录按钮引入以及代码:
function login(o) { // $.ajax({ type: "Get", url: "https://api.weibo.com/2/users/show.json?source=2890452764&screen_name=" + o.screen_name + "", dataType: "jsonp", success: function(data) { var lc = data.data.location; var nickName = o.screen_name; var userQQLargeImage = o.avatar_large; var weiboUrl = "http://weibo.com/u/" + o.idstr; // document.getElementById("Friend").style.display = "block"; // document.getElementById("LoginA").style.display = "none"; // document.getElementById("FriendImg").src = o.avatar_large; // document.getElementById("FriendName").innerHTML = o.screen_name + "(来自新浪微博登录)"; }, error: function(xhr, msg, e) { alert(msg); } }); } function logout() { alert('logout'); }
QQ登录和新浪微博登录的方法很相似,步骤也都一样。大体就是申请认证,引入代码,接收回调,注销登录。如果需要使用到一些比较高级的API的话,需要我们另行申请。这里就不介绍了。
彭亚欧个人博客原创文章,转载请注明出处
文章关键词:网站引入QQ登录和新浪微博登录,第三方开放平台登录
文章固定链接:https://www.pengyaou.com/legendsz/front/divcss/MTc=.html
上一篇 SQLServer脚本之创建表
下一篇 JqueryLoading动画