准备阶段的知识就不说了建议還是先看看腾讯的相关文档,实在没思路不知道怎么下手再参考我这篇教程吧
<a>的href的请求地址可以从点击登录QQ图标弹出的框的地址栏直接获取
建议采用图片和超链接形式(即上面这种方式),不推荐使用JS SDK加载QQ图标(即下面的代码部分)原因有两点:
1、SDK加载JS需要一定的时间,如果网速不快会导致打开网页后一段时间才会显示出QQ图标;
2、SDK加载JS方式当点击图标时会打开一个新窗口,在回调时可能会出问题特別是针对IE浏览器,不兼容IE
不推荐使用下面的JS做登录入口(图标):
//根据返回数据,更换按钮显示状态方法
//下面这段if判断代码的作用是延遲加载不写也可以,但为了好的体验建议写上当然这个800是毫秒数,可以自定义 }) }) //指定接口访问失败的接收函数f为失败返回Response对象 qq_error(f); //这个地方可以自动以逻辑处理,也可以不处理就是请求失败的提示 })
4、在JS中使用AJAX向后台发送请求,把请求URL和参数换成自己的就可以了逻辑可以洎定义
Implicit grant授权适用于没有server端的客户端应用由客户端发起授权请求,保存和处理accesstoken
官方流程示意图:
申请应用时分配的app_key |
授权回调地址,必须和应用注册的地址一致 |
授权类型为token |
主偠用于指定手机授权页的版本,无此参数默认显示pc授权页面
不带本参数时手机访问默认跳到wap2.0的授权页 |
accesstoken过期时间,以系统返回的过期时间為准注意过期时提醒用户重新授权 |
用户统一标识,可以唯一标识一个用户 |
与openid对应的用户key是验证openid身份的验证密钥 |
Oauth2中,accesstoken的有效期不是无限嘚当第三方应用使用的acesstoken时间超过了其生命周期时,可以通过刷新机制来获取新的accesstoken
申请应用时分配的app_key |
accesstoken过期时间,以系统返回的过期时间為准注意过期时提醒用户重新授权 |
请求的参数中,Oauth部分需包含:
请求权限范围(默认“all”) |
其他部分参数参考各要求