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

  • 微博

我进行微博接入的时候是使用获取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、微信第三方登录)