第三方网站使用qq登录
2014-09-25 23:09
267 查看
qq作为国内最重要的交流工具,已经被大部分人所接受,而且qq几乎成了人们不可缺少的沟通桥梁,为此,腾讯给出了qq互联的api,通过这些api,我们就可以获得登录用户的一些信息,由此可以使用户免去注册的麻烦。
下面介绍下qq互联的步骤:
1.需要到http://connect.qq.com/manage/index申请应用,这里需要有一个自己的域名网站,里面我们需要修改我们网站中首页的head,这样才能认证通过,证明这个网站使我们自己的,qq才会授权给我们。申请过后,就会得到APP ID.
2.引入qq互联的js api.APPID 替换为我们申请到的APP ID , REDIRECTURI 替换为授权认证的回调地址。
3.在页面上添加qq登录图标<span id="qqLoginBtn"></span>
4.在回调地址页面添加代码<scripttype text="" javascript="" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-callbac="" true="">
这样回调地址将获取到的Access Token和OpenID返回给调用页面。
5.在调用页面使用api得到用户的相关信息:QC.api(api,paras,fmt,method)通过这个函数访问用户信息。具体可以参考:http://wiki.connect.qq.com/api%E5%88%97%E8%A1%A8这个api文档。
举个实例:var paras = {};
//用JS SDK调用OpenAPI
QC.api("get_user_info", paras)
//指定接口访问成功的接收函数,s为成功返回Response对象
.success(function(s){ /
/成功回调,通过s.data获取OpenAPI的返回数据
alert("获取用户信息成功!当前用户昵称为:"+s.data.nickname);
alert("获取用户信息成功!当前用户性别为:"+s.data.gender); })
//指定接口访问失败的接收函数,f为失败返回Response对象
.error(function(f){
//失败回调
alert("获取用户信息失败!");
})
//指定接口完成请求后的接收函数,c为完成请求返回Response对象
.complete(function(c){
//完成请求回调
alert("获取用户信息完成!");
});
更多的用法,请参考http://connect.qq.com/sdk/webtools/index.html这里可以进行相关的调试。
下面介绍下qq互联的步骤:
1.需要到http://connect.qq.com/manage/index申请应用,这里需要有一个自己的域名网站,里面我们需要修改我们网站中首页的head,这样才能认证通过,证明这个网站使我们自己的,qq才会授权给我们。申请过后,就会得到APP ID.
2.引入qq互联的js api.APPID 替换为我们申请到的APP ID , REDIRECTURI 替换为授权认证的回调地址。
3.在页面上添加qq登录图标<span id="qqLoginBtn"></span>
4.在回调地址页面添加代码<scripttype text="" javascript="" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-callbac="" true="">
这样回调地址将获取到的Access Token和OpenID返回给调用页面。
5.在调用页面使用api得到用户的相关信息:QC.api(api,paras,fmt,method)通过这个函数访问用户信息。具体可以参考:http://wiki.connect.qq.com/api%E5%88%97%E8%A1%A8这个api文档。
举个实例:var paras = {};
//用JS SDK调用OpenAPI
QC.api("get_user_info", paras)
//指定接口访问成功的接收函数,s为成功返回Response对象
.success(function(s){ /
/成功回调,通过s.data获取OpenAPI的返回数据
alert("获取用户信息成功!当前用户昵称为:"+s.data.nickname);
alert("获取用户信息成功!当前用户性别为:"+s.data.gender); })
//指定接口访问失败的接收函数,f为失败返回Response对象
.error(function(f){
//失败回调
alert("获取用户信息失败!");
})
//指定接口完成请求后的接收函数,c为完成请求返回Response对象
.complete(function(c){
//完成请求回调
alert("获取用户信息完成!");
});
更多的用法,请参考http://connect.qq.com/sdk/webtools/index.html这里可以进行相关的调试。
相关文章推荐
- 关于使用QQ、新浪微博、腾讯微博等第三方登录网站的开发过程(一)
- 使用QQ互联完成网站的QQ第三方登录(详解+坑)
- 土豆网(第三方网站)使用qq登录的步骤和原理------oAuth协议
- 关于使用QQ、新浪微博、腾讯微博等第三方登录网站的开发过程(一)
- 公司网站如何让用户使用QQ第三方登录
- 关于使用QQ、新浪微博、腾讯微博等第三方登录网站的开发过程(二)
- 使用QQ第三方登录时,手机应用和网站应用对同一个QQ号,获取到的openid不一样
- 使用QQ第三方登录时,手机应用和网站应用对同一个QQ号,获取到的openid不一样
- ShareSDK [iOS常见问题] 关于使用QQ做第三方登录的问题!
- cordova 实现第三方登录及分享,qq,微信,微博,插件的使用和改动
- PHP网站入QQ互联,使用QQ号码登录网站。
- iOS开发中 实现登录时关于使用QQ做为第三方授权登录的问题
- 使用Sharesdk实现第三方平台登录(qq,新浪微博)
- 使用ShareSDK完成第三方(QQ、微信、微博)登录和分享
- 网站使用第三方登录--用新浪博客登录
- 关于使用QQ做第三方登录的问题!
- [iOS常见问题] 关于使用QQ做第三方登录的问题!
- Android 使用第三方登录(QQ和新浪微博)
- 网站使用QQ登录功能
- ShareSDK [iOS常见问题] 关于使用QQ做第三方登录的问题!