接入QQ登录

最新推荐文章于 2025-08-27 11:14:41 发布

原创最新推荐文章于 2025-08-27 11:14:41 发布 · 1k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JavaWeb基础

注意事项：所有涉及回调地址的地方都需要进行encodeURI！！
参数说明：
client_id：创建应用的app_id
redirect_uri：回调地址，需要encodeURI
state：自定义参数，防止请求篡改

1、index页面引入js

 <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-callback="true"
          data-appid="APPID" data-redirecturi="回调地址" charset="utf-8">
  </script>

2、请求一下链接获取code

https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=APPID&redirect_uri=回调地址&state=state

3、获取access_token

https://graph.qq.com/oauth2.0/token?grant_type=authorization_code&client_id=APPID&client_secret=APP_SECRET&code=前一步骤获取的code&redirect_uri=回调地址

返回数据：access_token=2AFE1BE9F3C5DA0EC3AEE133A5C53231&expires_in=7776000&refresh_token=8F57FB45B688CBD3533495B37F3F13A0

4、根据token获取openid

https://graph.qq.com/oauth2.0/me?access_token=2AFE1BE9F3C5DA0EC3AEE133A5C53231

返回数据：

{
    "client_id": "APPID",
    "openid": "E171A0254A8589A5EAB1A73D22430320"
}

5、根据openid获取用户信息

https://graph.qq.com/user/get_user_info?access_token=2AFE1BE9F3C5DA0EC3AEE133A5C53231&oauth_consumer_key=APPID&openid=E171A0254A8589A5EAB1A73D22430320

返回数据：

{
    "ret": 0,
    "msg": "",
    "is_lost": 0,
    "nickname": "aaa",
    "gender": "男",
    "gender_type": 2,
    "province": "",
    "city": "",
    "year": "0",
    "constellation": "",
    "figureurl": "http://qzapp.qlogo.cn/qzapp/101941012/E171A0254A858905EAB1A73D22430320/30",
    "figureurl_1": "http://qzapp.qlogo.cn/qzapp/101941012/E171A0254A858905EAB1A73D22430320/50",
    "figureurl_2": "http://qzapp.qlogo.cn/qzapp/101941012/E171A0254A858905EAB1A73D22430320/100",
    "figureurl_qq_1": "http://thirdqq.qlogo.cn/g?b=oidb&k=EJ6UY25nfh1QSvJic6cI1Nw&s=40&t=1615018026",
    "figureurl_qq_2": "http://thirdqq.qlogo.cn/g?b=oidb&k=EJ6UY25nfh1QSvJic6cI1Nw&s=100&t=1615018026",
    "figureurl_qq": "http://thirdqq.qlogo.cn/g?b=oidb&k=EJ6UY25nfh1QSvJic6cI1Nw&s=100&t=1615018026",
    "figureurl_type": "0",
    "is_yellow_vip": "0",
    "vip": "0",
    "yellow_vip_level": "0",
    "level": "0",
    "is_yellow_year_vip": "0"
}

标签

#vue #java