使用QQ的OAuth2.0实现登录

经常在网页里面会提供第三方登录的方式,比如这样。
在这里插入图片描述
如果点击QQ登录,会出来这样一个页面。
在这里插入图片描述
那么如果我们的网页也要支持使用QQ登录,我们该怎么做呢?

准备工作_OAuth2.0,文档

第一步

  1. 你需要到这个网站,创建应用

在这里插入图片描述

第一步

点击qq登录的按钮,需要跳转到这个网站:https://graph.qq.com/oauth2.0/authorize)并且需要携带以下参数。获取Authorization Code
在这里插入图片描述

// 获取Authorization Code
// 请求地址:https://graph.qq.com/oauth2.0/authorize
let fetchTokenUrl = 'https://graph.qq.com/oauth2.0/token'
const appid = '0123456789'
const redirect_uri = 'www.demo.com/callback' // 授权之后需要重定向的URL
const state = Date.now()
let options = {
    response_type: 'code', // 固定的为code
    client_id: appid, // 申请QQ登录成功后,分配给应用的appid。
    redirect_uri,
    state,
    scope: 'get_user_info,list_album' // 需要获取哪些权限
  }
  let query = querystring.stringify(options)
  fetchTokenUrl += `?${query}`

第三步

如果用户成功登录并授权,则会跳转到指定的回调地址,并在 redirect_uri (上面表格自己写的)地址后带上Authorization Code (通过Authorization Code获取Access Token)和原始的 state值(上面表格自写的)。

通过Authorization Code获取Access Token,你需求请求这个地址https://graph.qq.com/oauth2.0/token,并且需要传递以下参数。
在这里插入图片描述

如果成功返回,即可在返回包中获取到Access Token。

const request = require('request-promise') // 使用request模块
const querystring = require('querystring')

// 通过Authorization Code获取Access Token
// 请求地址:https://graph.qq.com/oauth2.0/token
let fetchTokenUrl = 'https://graph.qq.com/oauth2.0/token'

(
  async function () {
    const code = '0123456789'
    const appid = '0123456789'
    const appkey = '0123456789'
    const options = {
      grant_type: 'authorization_code', // 此值为“authorization_code”。
      client_id: appid, // 申请QQ登录成功后,分配给网站的appid。
      client_secret: appkey, //申请QQ登录成功后,分配给网站的appkey。
      code, // 如果用户成功登录并授权,则会跳转到指定的回调地址,并在redirect_uri地址后带上Authorization Code
      redirect_uri: '' // 必须是注册appid时填写的主域名下的地址,建议设置为网站首页或网站的用户中心
    }
    // 拼接请求参数
    fetchTokenUrl += `?${querystring(options)}`
    // 发送请求
    let result = await request(fetchTokenUrl)
    // 返回的是一个字符串格式是access_token=FE04**CCE2&expires_in=7776000&refresh_token=88E4**BE14
  }
)().then(res => console.log(res), err => console.log(err))

获取用户信息

通过输入在上一步获取的Access Token,得到对应用户身份的OpenID。
在这里插入图片描述

请求地址 https://graph.qq.com/oauth2.0/me 参数必须有 access_token,拼接之后的链接https://graph.qq.com/oauth2.0/me?access_token=01234567,会返回如下的内容

callback( {"client_id":"YOUR_APPID","openid":"YOUR_OPENID"} );

获取到Access Token和OpenID后,可通过调用OpenAPI来获取或修改用户个人信息。

获取用户信息

https://graph.qq.com/user/get_user_info?access_token=YOUR_ACCESS_TOKEN&oauth_consumer_key=YOUR_APP_ID&openid=YOUR_OPENID

现在流程已经完成了

相关推荐
<p> 需要学习Windows系统YOLOv4的同学请前往《Windows版YOLOv4目标检测实战:原理与源码解析》, </p> <p> 课程链接 https://edu.csdn.net/course/detail/29865 </p> <h3> <span style="color:#3598db;">【为什么要学习这门课】</span> </h3> <p> <span>Linux</span>创始人<span>Linus Torvalds</span>有一句名言:<span>Talk is cheap. Show me the code. </span><strong><span style="color:#ba372a;">冗谈不够,放码过来!</span></strong> </p> <p> <span> </span>代码阅读是从基础到提高的必由之路。尤其对深度学习,许多框架隐藏了神经网络底层的实现,只能在上层调包使用,对其内部原理很难认识清晰,不利于进一步优化和创新。 </p> <p> YOLOv4是最近推出的基于深度学习的端到端实时目标检测方法。 </p> <p> YOLOv4的实现darknet是使用C语言开发的轻型开源深度学习框架,依赖少,可移植性好,可以作为很好的代码阅读案例,让我们深入探究其实现原理。 </p> <h3> <span style="color:#3598db;">【课程内容与收获】</span> </h3> <p> 本课程将解析YOLOv4的实现原理和源码,具体内容包括: </p> <p> - YOLOv4目标检测原理<br /> - 神经网络及darknet的C语言实现,尤其是反向传播的梯度求解和误差计算<br /> - 代码阅读工具及方法<br /> - 深度学习计算的利器:BLAS和GEMM<br /> - GPU的CUDA编程方法及在darknet的应用<br /> - YOLOv4的程序流程 </p> <p> - YOLOv4各层及关键技术的源码解析 </p> <p> 本课程将提供注释后的darknet的源码程序文件。 </p> <h3> <strong><span style="color:#3598db;">【相关课程】</span></strong> </h3> <p> 除本课程《YOLOv4目标检测:原理与源码解析》外,本人推出了有关YOLOv4目标检测的系列课程,包括: </p> <p> 《YOLOv4目标检测实战:训练自己的数据集》 </p> <p> 《YOLOv4-tiny目标检测实战:训练自己的数据集》 </p> <p> 《YOLOv4目标检测实战:人脸口罩佩戴检测》<br /> 《YOLOv4目标检测实战:中国交通标志识别》 </p> <p> 建议先学习一门YOLOv4实战课程,对YOLOv4的使用方法了解以后再学习本课程。 </p> <h3> <span style="color:#3598db;">【YOLOv4网络模型架构图】</span> </h3> <p> 下图由白勇老师绘制 </p> <p> <img alt="" src="https://img-bss.csdnimg.cn/202006291526195469.jpg" /> </p> <p>   </p> <p> <img alt="" src="https://img-bss.csdnimg.cn/202007011518185782.jpg" /> </p>
<p> 欢迎参加英特尔® OpenVINO™工具套件初级课程 !本课程面向零基础学员,将从AI的基本概念开始,介绍人工智能与视觉应用的相关知识,并且帮助您快速理解英特尔® OpenVINO™工具套件的基本概念以及应用场景。整个课程包含了视频的处理,深度学习的相关知识,人工智能应用的推理加速,以及英特尔® OpenVINO™工具套件的Demo演示。通过本课程的学习,将帮助您快速上手计算机视觉的基本知识和英特尔® OpenVINO™ 工具套件的相关概念。 </p> <p> 为保证您顺利收听课程参与测试获取证书,还请您于<strong>电脑端</strong>进行课程收听学习! </p> <p> 为了便于您更好的学习本次课程,推荐您免费<strong>下载英特尔® OpenVINO™工具套件</strong>,下载地址:https://t.csdnimg.cn/yOf5 </p> <p> 收听课程并完成章节测试,可获得本课程<strong>专属定制证书</strong>,还可参与<strong>福利抽奖</strong>,活动详情:https://bss.csdn.net/m/topic/intel_openvino </p> <p> 8月1日-9月30日,学习完成【初级课程】的小伙伴,可以<span style="color:#FF0000;"><strong>免费学习【中级课程】</strong></span>,中级课程免费学习优惠券将在学完初级课程后的7个工作日内发送至您的账户,您可以在:<a href="https://i.csdn.net/#/wallet/coupon">https://i.csdn.net/#/wallet/coupon</a>查询优惠券情况,请大家报名初级课程后尽快学习哦~ </p> <p> <span style="font-size:12px;">请注意:点击报名即表示您确认您已年满18周岁,并且同意CSDN基于商务需求收集并使用您的个人信息,用于注册OpenVINO™工具套件及其课程。CSDN和英特尔会为您定制最新的科学技术和行业信息,将通过邮件或者短信的形式推送给您,您也可以随时取消订阅不再从CSDN或Intel接收此类信息。 查看更多详细信息请点击CSDN“<a href="https://passport.csdn.net/service">用户服务协议</a>”,英特尔“<a href="https://www.intel.cn/content/www/cn/zh/privacy/intel-privacy-notice.html?_ga=2.83783126.1562103805.1560759984-1414337906.1552367839&elq_cid=1761146&erpm_id=7141654/privacy/us/en/">隐私声明</a>”和“<a href="https://www.intel.cn/content/www/cn/zh/legal/terms-of-use.html?_ga=2.84823001.1188745750.1560759986-1414337906.1552367839&elq_cid=1761146&erpm_id=7141654/privacy/us/en/">使用条款</a>”。</span> </p> <p> <br /> </p>
©️2020 CSDN 皮肤主题: 技术工厂 设计师:CSDN官方博客 返回首页