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

Posted 东方踏凌

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5 网页版的微博微信QQ登录相关的知识,希望对你有一定的参考价值。

一:微博

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编码的。其他按开发文档接入就行。

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

 

以上是关于h5 网页版的微博微信QQ登录的主要内容,如果未能解决你的问题,请参考以下文章

React Native 接入微博微信QQ 登录功能

对于QQ微博微信第三方登录的思考

OAuth授权登录

js处理微信分享配置

h5聊天室web端(仿微博微信)|h5仿微信网页端|仿微信界面弹窗

QQ微博微信朋友圈一键分享