宏博网络 | 专注互联网品牌一站式服务

Thank you for visiting

029-81773686

全网开发&整合营销服务商

CopyRight
©HOOBOO All rights reserved

全网开发&整合营销服务商

029-81773686

如何给自己的网站实现QQ授权登录

2019.11.25

很多人嵌套进去的时候会诸多的不便,当然你要嵌入进去前提是你的网站必须上线了,域名是关键,甭想着没上线你就开始嵌套。详细的页面就 http://wiki.open.qq.com/wiki/website/网站接入流程#2.1_.E6.B7.BB.E5.8A.A0.E7.BD.91.E7.AB.99

TM截图未命名.jpg

QQ授权登录详见上面的详情,具体的一些登录等也就看到里面的具体页面了。

TM截图未命名.jpg

上图中的网站地址后面的验证,可选择的是在自己网站首页HTML代码的HEAD标签中添加:


回调地址可以自己设置一个。我网站首页是http://xjpz.me,因此设置的是http://xjpz.me/blog/test/qcback。其他的按需填写。创建了应用可获得AppID与AppKey。


部署测试 添加登录入口 引入JS SDK文件:在登录页面中引入:



(API列表可查看http://wiki.connect.qq.com/api%E5%88%97%E8%A1%A8)。官方提供的登录按钮代码,可直接将代码贴到你想要放置入口的位置就行:

设置回调页面

同样需要引入JS SDK文件,参照上面。用JS SDK协助调用OpenAPI的get_user_info方法,获取用户头像、用户名等基础信息。

回调页面代码如下:



- 引入的`JS SDK`文件中的`data-appid` 和 `data-redirecturi` 同样需要改为你的AppID 和回调地址。

- 授权成功后`Openid`和`token`会缓存在本地。可通过`QC.Login.getMe(function(openId, accessToken){}` 获取。

- 回调成功后,我这里把用户名和openid提交给服务器,保存在本地,使用户体验一致。即`$.post(){}`方法,你需要换成你服务端的Action。

- 服务器处理成功后重定向到网站首页。授权登录结束。


为了方便用户,用户授权成功后,我并没有再继续让用户输入邮箱、密码等。如果再让用户输入一遍,那和直接注册有什么区别?那样授权登录基本就失去了意义。顺便贴一下后台处理步骤:



4.提交

以上完成,自己测试通过,就可以提交腾讯审核。没有审核通过之前只能设置几个账号测试,其他账号无法授权登录。提交时需注意,在显要位置放置登录入口。至少在你网站登录页面要放置。我第一次提交时专门做了一个授权登录入口并在应用信息设置里填写了。结果腾讯以"未放置登录入口或放置不规范"为由拒绝。网站要基本开发完成。第二次提交,因有未实现的页面,被腾讯以"网站不完善"为由拒绝。然后把未实现页面入口撤下,审核通过。


上一篇:如何取消QQ授权登录?

下一篇:网站上线后,标题能改吗?

CopyRight © HOOBOO   备案号:陕ICP备10007014号-9   站点地图 免责声明:本网站部分资源来源于网络,如有侵权,请联系我们告知删除,我们将会尽快处理,谢谢!本站不承担任何法律责任。