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

1、写在前面

       目前对于大多数的App或Web网站都支持有第三方登录这个功能，用户可以使用 QQ/ 微信/ 微博 账号快速登陆你的网站，下降注册门槛，为你的网站带来海量新用户。最近在新项目上恰好用到了，在本身作的同时也将其实现过程记录下来，方便与你们一同交流学习！   （2018-01-18 21：23 更新）

 

2、准备工做

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

• 开发者名称
• 所在地区（身份证地址）
• 详细地址（身份证地址）
• 邮政编码
• 手机号码
• 电子邮箱
• 聊天工具（QQ）
• 身份证号码
• 身份证正面照片（JPG/PNG）
• 本人手持身份证照（清晰，JPG，1M之内）
• 紧急联系人
• 紧急联系人电话

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

• 网站应用名称
• 应用分类：网页应用
• 网站简介（不超过80字）
• 网站英文简介（不超过80字）
• 网站域名（微博开发平台仅支持后缀为 .com 和 .cn 的安全域名，域名须要备案）
• 网站回调域（用户受权登录成功后的跳转连接）
• 域名提供方：阿里云(万网)/腾讯云/百度云或其余
• 域名备案号
• （微信）网站信息登记表扫描件：《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）
• 新浪微博开发平台网站应用介绍图片：450*300(px)（这里须要上传3张，1M之内，支持JPG、PNG）
• 微信开发平台网站图标：28*28（px，仅支持PNG格式，大小不超过300KB）、108*108（px，仅支持PNG格式，大小不超过300KB）
• 在此献上我的整理的《QQ/微信/微博开发平台所需提交材料》

 

3、了解 Oauth2.0 受权机制 

要了解 Oauth2.0 在各大平台的受权机制，一个很好的方法就是查看各平台本身提供的API说明。

例如：  

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

 

4、开发者注册

首先到 QQ、微信、微博各开放平台注册帐户而且登录，为获取 AppKey 和 AppSecret 作准备，各开放平台接入操做步骤以下：

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

• 登录到QQ互联开放平台，在这里你能够根据我的须要去选择 移动应用/网站应用 填写基本信息，等待审核（通常在36小时内出结果）      

1. 填写我的基本信息 开发者类型： 我的开发者/公司 名称： 联系地址： 手机号码： 电子邮箱： 身份证号码： 上传我的身份证照： （2MB之内，JPG/PNG，双手持身份证正面照，身份证信息清晰可见）

View Code

• 开发者注册完成并经过审核后，点击 “应用管理” 按钮建立应用并填写相关信息 >>参考
• SDK 下载

2. 填写网站信息 网站名称： 网站类别： 网站简介： （80字之内） 网站图标： （64x64px、100x100px各一张，PNG/JPG，2M之内） 网站域名： 网站回调域： （见文档） 网站域名提供商： 网站备案号： 

View Code

• 等待审核经过后，参见 网站开发流程 一步步实施便可。

 

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

• 登录到微信·开放平台，填写我的基本信息并完成相关认证
• 点击管理中心>>网站应用>>建立网站应用
• 接着是填写网站应用信息 

　　微信开放平台因为网站信息登记表扫描件没有盖章，审核未经过，暂且搁置。

 

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

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

    因为个人域名后缀是 .club 的，微博开放平台不支持（仅支持 .com 和 .cn 的），因此就没有继续下去了。

这里说一下，如域名后缀符合申请，那么得先在你的应用程序中实现微博点赞、分享、关注等按钮（微博组件），

附上连接：http://open.weibo.com/widget/like.php