h5 网页版的微博微信QQ登录

Posted 2020-11-01 东方踏凌

一：微博

1，先说微博吧，首先你的去http://open.weibo.com/wiki/先注册账号，通过验证审核。然后的创建网页应用。微博审核不通过的原因就是域名和网站地址，一定要按实际写的。一定要记得在微博这里设置回调页。然后根据微博开发文档一步一步下来。

2.微博的获取code的地址，是不用urlencode编码的，这个跟微信QQ不同。从客服端获取到code之后，我们是传入服务端的。因为微博第获取acces_token必须要求post请求，微博后台做了不能跨域这是第一个原因。第二个原因是appid和key放在前端不安全。

3、微博审核没有通过，也可以进行调试，但必须是你注册账号的微博。或者你添加的其他微博开发者（注意回调地址设置 格式：http://xxx.com/xx/xx/xx.html  具体的页面）.

二：QQ

1、qq网站授权登录，必须是qq互联官网注册加认证（但是认证必须在腾讯开放平台），腾讯开放平台有h5的应用，但是没有qq登录的功能，只有qq空间的功能，而且只能接入游戏的。所以最终要想获得qq登录功能必须去QQ互联。

2、QQ互联选择网页应用，创建网页就可以获得授权，但是，这个授权只能在注册qq互联的本人账号使用加开发，其他qq账号都不能授权登录，只有等审核通过才可以。qq分为pc端和wap端，审核没通过只能用pc端测试开发。审核通过才能用wap端地址开发。

 

3、一定要注意审核的内容（我们审核不止审核15次，一直审核不通过，如上图所示），一定要注意工信部备案。否则一直审核不过。

4、也要注意回调地址的写法也是http://xxx.com/html/xx/xx.html. 但是请求code的时候回调地址也需要URLencode编码。（注意：去获取accesstoken的回调地址不能是编码之后的地址，否则会报10011，和10019的错误）。

三：微信

1、微信网页授权登录之前，先理解什么是开放平台和公众平台。开放平台是获取登录朋友圈的平台。公众号平台是服务号和小程序和订阅号的平台。

2、首先用开放平台获取网站授权只有一种方式，那就是扫码登录。还有一种是在公众平台的微信登录授权，但是，此方法只能在微信浏览器打开。一旦不是微信浏览器则不行。（所以，先想清楚怎么做）

3、我们公司是选用开放平台，是开放平台注册一个账号，然后创建网页应用。里面有一个附件，需要填写：

这个填写必须准确，否则通不过审核，通不过审核拿不到appid和key。这个审核的时间会比较久，我的已经超过7天了，好像是第9天的时候才告诉我审核通过，所以一定要提前走这个流程。

4、微信也要注意回调地址，审核那里的回调地址格式：www.baidu.com   只能根域名，不能写详细的回调地址，否则会告诉你回调地址错误。然后在获取code的回调地址写法是http%3a%2f%2fm.jdjo2o.com%2fhtml%2flogin%2fcallback.html   要写详细的回调地址

但必须是审核那里根域名下的页面，否则又是回调地址参数不对。也是需要进行urlencode编码的。其他按开发文档接入就行。

总结：网页版的第三方登录，最重要的是审核和回调地址。其他按开发文档开发就可以。