Oauth2.0 QQ&微信&微博实现第三方登陆

BitTigerio 2018-01-13

一、写在前面

目前对于大多数的App或Web网站都支持有第三方登陆这个功能,用户可使用 QQ/ 微信/ 微博 帐号快速登录你的网站,降低注册门槛,为你的网站带来海量新用户。最近在新项目上刚好用到了,在自己做的同时也将其实现过程记录下来,方便与大家一同交流学习!

二、准备工作

1. 各大平台开发者注册基本信息填写

  • 开发者名称
  • 所在地区
  • 详细地址
  • 邮政编码
  • 手机号码(验证)
  • 电子邮箱(验证)
  • 聊天工具:QQ/MSN
  • 身份证号码
  • 身份证正/反面照片(JPG/PNG)
  • 紧急联系人
  • 紧急联系人电话

2. 各大开放平台网站信息填写

  • 网站应用名称
  • 应用分类:网页应用
  • 网站简介(不超过80字)
  • 网站英文简介(不超过80字)
  • 网站域名
  • 网站回调域(用户授权登陆成功后的跳转链接)
  • 域名提供方:阿里云的万网/腾讯云/百度云或其他
  • 域名备案号
  • (微信)网站信息登记表扫描件:《Website_Information_form.doc》,先下载填写打印,并盖章后上传扫描件。(支持JPG、PNG、BMP格式,不超过2MB)
  • 腾讯QQ互联开发平台网站图标:64x64(px)、100x100(px)
  • 新浪微博开发平台网站图标:16*16(px)、80*80(px)、120*120(px)(2M以内,支持JPG、PNG)
  • 微信开发平台网站图标:28*28(px,仅支持PNG格式,大小不超过300KB)、108*108(px,仅支持PNG格式,大小不超过300KB)

三、了解 Oauth2.0 授权机制

要了解 Oauth2.0 在各大平台的授权机制,一个很好的方法就是查看各平台自己提供的API说明。

例如:

  • 微博 WIKI Oauth2.0 授权机制说明:《微博 API 授权机制说明》
  • 腾讯QQ互联WIKI Oauth2.0介绍:《Oauth2.0介绍》

四、开发者注册

首先到 QQ、微信、微博各开放平台注册账户并且登陆,为获取 AppKey 和 AppSecret 做准备,各开放平台接入操作步骤如下:

1. 腾讯QQ开放平台:https://connect.qq.com/

  • 登陆到QQ互联开放平台,在这里你可以根据个人需要去选择移动应用/网站应用填写基本信息,等待审核...
  • 开发者注册完成并通过审核后,点击 “应用管理” 按钮创建应用并填写相关信息 >>参考

2. 微信开放平台:https://open.weixin.qq.com/

  • 登陆到微信·开放平台,填写个人基本信息并完成相关认证
  • 点击管理中心>>网站应用>>创建网站应用
  • 接着是填写网站应用信息

3. 新浪微博开放平台:http://open.weibo.com/

  • 登陆到微博·开放平台,点击微连接>>网站接入注册成为开发者,邮箱验证。
  • 身份认证(真实姓名、身份证号码、上传身份证照片、手机验证等)

X、参考文章

  • 腾讯QQ互联WIKI《开发者文档》
  • 微博·开放平台 《开发文档》
  • 微信

相关推荐