打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
C#.QQ.OAuth2.0
OAuth认证
OAuth(开放授权)是一个开放标准,允许用户授权第三方网站访问他们存储在另外的服务提供者上的信息,而不需要将用户名和密码提供给第三方网站或分享他们数据的所有内容。OAuth是OpenID的一个补充,但是完全不同的服务。
简而言之就是:
1. 通过appid获得accesstoken
2.通过accesstoken获得openid
3.通过accesstoken和openid调用OpenAPI
体验一把
1) 页面中需要插入登录按钮的位置添加如下html标签:
<span id="qqLoginBtn"></span>
2)在页面顶部引入JS SDK库:将“js?”后面的appid参数(示例代码中的:100229030)替换成您自己的appid: <script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/openapi/qc.js#appId=100229030" charset="utf-8"></script>
3)HTML页面中粘贴如下代码,插入QQ登录按钮 <div> 其他方式登陆:<span id="qqLoginBtn"></span> <script type="text/javascript"> QC.Login({ btnId: "qqLoginBtn", //插入按钮的节点id size:'C_S' }); </script> </div>
login里的参数:
size : 'C_S',//按钮样式,A、B、C为三种样式,
//S、M、L、XL为同一种样式的不同尺寸,支持如下 :
//A_S, A_M, A_L, A_XL;
//B_S, B_M, B_L;
//C_S;
clientId : '222222',//appId
scope : '',//授权范围,可选
'btnMode':'showUserAfterLogin'
size中的ABC表示图标, SML表示大小
Notice:
感觉QQ的这个API文档比较混乱(大概是本人水平比较差)
上面的代码在我的机器上是运行到最后一步会出现错误;即登陆--》授权--》返回原界面,理论上应该是显示头像和昵称的,这里却没有显示。
所以要对开发文档中的代码做些调整,如下
在第2步中的js后面可以不用appid,因为我们可以在QC.Login.InsertButton中添加,QC.Login.InsertButton中的代码添加一些,如下
<span id="qqLoginBtn"></span><script type="text/javascript"> QC.Login.insertButton({ btnId: "qqLoginBtn", size: 'B_M', clientId: '100250988',//填写自己的appid /*,scope : '',*/ 'btnMode': 'showUserAfterLogin' });</script>通过上面的修改就能实现想要的效果了
参考:
http://wiki.opensns.qq.com/wiki/%E3%80%90QQ%E7%99%BB%E5%BD%95%E3%80%91Qzone_OAuth%E8%AE%A4%E8%AF%81%E7%AE%80%E4%BB%8B
http://qzonestyle.gtimg.cn/qzone/openapi/js-sdk-demo.html
http://qzs.qq.com/qzone/openapi/client.html
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
JS
QQ登陆网站实例代码
QQ登录JS SDK教程,调用openapi接口
laravel+easywechat微信扫码登录网站
快速获取微信公众号openid的方法
微信静默授权登录
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服