美文网首页
微博、QQ、微信第三方登录

微博、QQ、微信第三方登录

作者: talexie | 来源:发表于2019-12-08 23:11 被阅读0次
    • 微博

    我进行微博接入的时候是使用获取code,拿到code传给后端,经后端去获取access_token的方式。
    首先在微博开放平台注册应用。获取App Key和App Secret(后端使用)
    未通过的审核的应用也是可以进行调试的,添加开发微博账号
    链接: 文档API
    前端只需要跳转如下链接(将自己写的微博图标链接到如下地址进行跳转就好,不需要引入js-sdk):
    1.PC:
    https://api.weibo.com/oauth2/authorize?client_id='你的App Key'&response_type=code&redirect_uri=注册应用时填写的回调地址,如:https://weibo.com/index
    2.手机:
    https://open.weibo.cn/oauth2/authorize?client_id='你的App Key'&response_type=code&display=mobile&redirect_uri=注册应用时填写的回调地址,如:https://weibo.com/index

    由此在用户点击链接授权的时候,code会跟随在回调页地址后面,如:https://weibo.com/index?code=xxxxxxxxxxx
    获取到链接中的code,传给后端就行了。
    注:
    1.由于微博的PC和移动开放接口不同,所以跳转链接不同。
    2.由于是获取code的方式,所以response_type的值一定得为code


    • QQ

    我进行QQ接入的时候也是使用获取code,拿到code传给后端,经后端去获取access_token的方式。
    首先在QQ互联注册应用。获取App Key和App Secret(后端使用)
    链接:文档API
    前端只需要跳转如下链接(将自己写的QQ图标链接到如下地址进行跳转就好,不需要引入js-sdk):
    https://graph.qq.com/oauth2.0/authorize?client_id='你的App Key'&response_type=code&state=200&g_ut=1&redirect_uri=注册应用时填写的回调地址,如:https://qq.com/index

    由此在用户点击链接授权的时候,code和state会跟随在回调页地址后面,如:https://qq.com/index?code=xxxxxxxxxxx&state=200
    获取到链接中的code,传给后端就行了。
    注:
    1.state是自己定义的,跳转链接写的什么,回调页面就会返回什么。
    2.由于是获取code的方式,所以response_type的值一定得为code


    • 微信

    微信请自行查看文档

    相关文章

      网友评论

          本文标题:微博、QQ、微信第三方登录

          本文链接:https://www.haomeiwen.com/subject/flsvgctx.html