微博、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


  • 微信

微信请自行查看文档

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容