divcss2014-08-25 18:08:11 10369
在网站中引入了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动画