QQ授权登陆 接入

前言

笔者最近要搞QQ登陆接入，但是接入申请成了我的硬伤，申请接入被打回了十几次。就在今天终于通过了，我想就接入的一些细节进行一些细谈，将踩过的坑都细说一下，帮助兄弟们快速完成接入！

前置条件

一个备案的域名，一台部署nginx或者Tomcat的服务器，一个HTML页面

申请接入

一、进入https://connect.qq.com/manage.html#/，首先先注册成为开发者，我在那里没有遇到问题，那个你只要按照要求来认证，绝对不会为难你的！

二、创建网站应用

我的域名是阿里云备案的，所以上面的网站名称要用阿里云的备案的网站名称，如果不一致，会被打回！

网站地址就写自己的域名地址，回调地址不是乱写的，这个比较讲究。回调的地址就是自己登陆成功之后返回的地址，如果你跟我一样只想快点通过腾讯的坑逼审核，那么可和我一样随便写！

这个时候提交上去！

三、准备页面到服务器
我这里用typora写了个静态页面，放到nginx上的。因为这个页面审核员会打开，所以你不给页面肯定会被打回！看官网介绍的话，核心在于要有个“QQ登陆”的按钮，下面要有域名备案号。
我这里为了光速接入，用了js接入，很快很方便。https://wiki.connect.qq.com/js_sdk%e4%bd%bf%e7%94%a8%e8%af%b4%e6%98%8e，他的核心在于

//在html页面需要插入QQ登录按钮的位置，粘贴如下代码：
<span id="qqLoginBtn"></span>
<script type="text/javascript"  charset="utf-8"
    src="http://connect.qq.com/qc_jssdk.js"
    data-appid="APPID"
    data-redirecturi="REDIRECTURI"
></script>
<script type="text/javascript">
    QC.Login({
       btnId:"qqLoginBtn"	//插入按钮的节点id
});
</script>

因为本人的html页面是typora生成，css样式太多，我截图给各位展示核心的东西：

就是这样就可以了，大家可以看我的效果页：http://www.coderxy.top/

备案号，其余的就没了

四、部署到nginx
在你的服务器上搭建nginx，然后把html静态页面放到nginx的html目录下，进行访问为正常。点击你的QQ登陆按钮，出现下图说明你成功了，接下来就等审核通过

总结

一、网站名称要和备案的网站名称一致，网上有些教程说随便写是不对的
二、主办单位名称要写备案的主办单位，我一开始写阿里云，总跟我说信息不一致。
三、使用他的js sdk接入，我一开始自己写登陆的页面，次次都给我打回来。说起来也是没看官网的坑。