龙空技术网

个人站点申请接入QQ登录的一波三折

无忧的松鼠u1 71

前言:

现在咱们对“vbs自动登录qq”大概比较关切,同学们都需要学习一些“vbs自动登录qq”的相关知识。那么小编在网上收集了一些关于“vbs自动登录qq””的相关知识,希望大家能喜欢,朋友们快快来了解一下吧!

hello呀,我是yangyang.在经历多次qq互联创建网站应用来接入qq快速登录审核不过之后,内心已经难受至极,今天给大家分享下接入qq登录的申请流程的一些细节之处,基本能保证大家通过.

细节点创建应用填写的信息最好和个人网站备案填写的一致,尤其是备案号,比写成备案服务号了一定要在你的网站登录、注册页面 加入 qq登录的图标(具体官网有说明)

如图

一定一定要在上面的qq登录图标上做接入代码,如果你只是放了按钮,没有接入的话,结果也是审核不过(下面我给大家分享我拿到的一份代码)

<html><head>    <meta charset="UTF-8" />    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <title>互联登录的demo</title>    <style>        html,body {            margin: 0;            padding: 0;            height: 100%;            width: 100%;        }        body {            font-family: sans-serif;            display: flex;            justify-content: center;            align-items: center;        }        button {            background-color: transparent;            width: 150px;            height: 44px;            border-radius: 32px;            border: 1px solid #999;            cursor: pointer;            font-family: inherit;        }        button:hover {            background-color: #3abcff;            border-color: #3abcff;            color: #fff;        }        button i {            display: inline-block;            vertical-align: middle;            width: 18px;            height: 18px;            -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+1pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTYtMTItMjFUMTI6MzM6MjYrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE4LTA5LTIxVDEwOjQ1OjQ2KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE4LTA5LTIxVDEwOjQ1OjQ2KzA4OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcxMzlDMDQwQkQ0ODExRTg4ODFGQTcwMkEwQTAyQTQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjcxMzlDMDQxQkQ0ODExRTg4ODFGQTcwMkEwQTAyQTQ5IiBkYzpmb3JtYXQ9ImltYWdlL3BuZyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ3RDU2OTAwQjU1QjExRTZCQTZEQUY4MDI2NTY4MUExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ3RDU2OTAxQjU1QjExRTZCQTZEQUY4MDI2NTY4MUExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+kM01ZAAAA/5JREFUeNrcW01IFVEUvi9Ty8zMNAvJMNIMCZFEK108qFZqpFAQWdugRQVWCNW2TZs2rWonBG1EwaCfRYsWBUVQRGIRSUVZmf1ivbRe3+mdgcdrxLlzZ+478w58zGPmvfvu+eacc885cyeWTCaVicRiMS9fywOagFZgI7AGKAWWANPAZ+A1MArcY/z2MrDp/P8NYIJ5pB64AHygv9LAFHAR2BT6/EMioAYYBP5oKu6Gq8CGKBFwlM06GSASQD95nGQCCoDLASueCbKqIokEkPLXQlbewY10EqQQMGBJeQfDjjtIIOCwZeUdnAyCgJjJOoocYC0Oj4FiZV8oMDZi/mMmgywwnMT5LClPUsg5RnYSIUhzQOu8KeImLmBiAafc1uUsyBmjVN5PDIDvV+EwDiwUQAApUA89ntqMAQeEKK/YCg/aDoK7lSzptuYCMP9yHN4FsIIELeugywsbFtAuUHmSNlsusEXJlG22CGgQSkCDLQLqhRJQZysI/uQ0VKIUQp9foVkAlF8uWHmSyrBdYKmSLaVhE1AinICisAmICScgP2wCyoQTUBI2AQnhBMyETcAO4QTsDC0PwBJI5e9LYLVgAiaBauj0IwwL6BGuPAlVqr1av9DoAd5R2e//ecHDwJ8LqNSj7WSEEA+6KXpMRUuOBBYEEfwqVGrzQkGECJjlDtGrIILgvogpT0IrlqdGqRcCelU0Zb/xKqBSOzOSEcZm0yC4R0Vb9pq6QHfECdjlexVA9F+Jw1slswWuI+uh43M/FtCVA8qTdPh1gU6VG9Kh7QJc+X2MQAvMaw+jDHpO61hAY44oT0Jd7FZdF2hXuSVbdQlodjn3JSLKus2zRZcAt8dMJyJCQJ/LuVqtVFj9v7v7lkq1xJ8JT30neP4jGecTWg0RLiedH1N/rY7PXxJOwBWeJ72P8C3jWpFOLZCX9rk/bQPSkHDzH2Krpj7A8Yxr+TouMMmsjTi5Ap+nvsAboXf/E1CcNldy2UHHinVdYJj9vdzl2mmhBJxzmesy4BFwU5cAeuOjco5rNOh7YcrT0lcxx3zpcV5toLvFIYeEEdBndbs8+9d1IcrfpqBtfbs8CiZ6SkSvt1VlMepTvtICHcb9DuC73sefUrOkJ4spMlV3XSbKz9sU9egObbwE2TR7SnK2BzF/o44P3IBebKQNiqOW7/4YF2xNxiMZ3HUpD0sfkDVYWwW4KpwVtgzSe8Zn07PWUAiAxIUXQ526BOi+9EBp5QD7fY3GKpLgHuMEt9qpWHmiUm+dUOVG+3yrgVUqtQljBbDIqxfzOHeB+9pxzCAPyOOJFnP/0KkgyRy/8ufvjGkff7GYx3Y2Z9LRuWEzaWNPQYdZvzHwrwADAG+u/Wg4e38MAAAAAElFTkSuQmCC);            -webkit-mask-size: cover;            background-color: #000;                    }        button span {            display: inline-block;            vertical-align: middle;            font-size: 18px;            margin-left: 5px;            letter-spacing: 2px;        }        button:hover i {            background-color: #fff;        }        #info {            text-align: center;        }        #avatar {            width: 100px;            height: 100px;            border-radius: 100%;            object-fit: cover;        }        #nick {            font-size: 18px;            display: block;            margin: 15px 0;        }    </style></head><body>    <button id="login" style="display:none"><i></i><span>登录</span></button>    <div id='info' style="display:none;">        <img id="avatar" src="; alt="">        <span id="nick">您好,测试用户</span>        <button id="signOut"><span>注销</span></button>    </div>    <script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"charset="utf-8">    </script><script>    var options = {        appId : 101870587, //这个appId 是这个demo的,业务请使用自己的appid        //s_url 这个参数业务可以自定,目的是让业务在回调页知道怎么回调到发起登录的页面        // 换成自己的也行        redirectURI : ';+encodeURIComponent(location.href)    }    //初始化一下sdk    QC.init(options);    //未登录,显示登录按钮    if(!QC.Login.check()){        document.getElementById('login').style.display='block'    //登录态检查通过,获取个人信息    }else{        QC.Login.getMe(function(openId,accessToken){            QC.api("get_user_info").success(function (req) {                document.getElementById('info').style.display='block'                // document.getElementById('avatar').src = req.data.nickname;                document.getElementById('nick').innerText = '您好,'+req.data.nickname;            })        })            }       var loginBtn =document.getElementById('login')    var signoutBtn  = document.getElementById('signOut')    if(window.addEventListener){        var clicked =false        loginBtn.addEventListener('click',function(){            if(clicked){                cosole.log('防止手抖')                return;            }            clicked=true;                        setTimeout(function(){clicked=false},500)            //通过这个方法来打开登录页            QC.Login.showPopup(options)        })        signoutBtn.addEventListener('click',function(){            QC.Login.signOut();//注销            location.reload();//页面刷新下        })    }else{        //TODO: 兼容ie老版本    }    </script></body></html>
下载sdk本地调试一定记得重新提交,如果审核不过,就删除应用再次创建如果还有问题,推荐大家腾讯开放平台的客服:腾讯应用开放平台

接入大致流程(以下内容来自官网)1.注册开发者

1. 在QQ互联开放平台首页 ,点击右上角的“登录”按钮,使用QQ账号登录,如下图所示:

重要提示:

开发者QQ号码一旦注册不能变更,建议使用公司公共QQ号码而不是员工私人号码注册,以免遇到员工离职等情况造成不必要的麻烦。

2. 登录成功后会跳转到开发者注册页面,在注册页面按要求提交公司或个人的基本资料。下图所示的是公司注册页面:

3.按要求提交资料后,审核人员会进行审核,通过审核即可成为开发者。

网站应用及移动应用接入申请

应用接入前,首先需进行申请,获得对应的appid与appkey,以保证后续流程中可正确对网站与用户进行验证与授权。

1.1 创建应用

开发者注册完成后,点击“应用管理”按钮。

跳转到qq互联管理中心页面,点击创建应用。

选择需要创建的应用类型,我们以网站应用为例:

点击创建网站应用后,按要求完善信息:

网站回调地址填写规范:备案信息填写规范:

网站信息填写完成,点击“创建应用”后,网站应用创建完成,点击“应用管理”,进入管理中心,在管理中心可以查看到网站获取的appid和appkey,如下图所示:

备注:创建移动应用与网站应用步骤方法一致,在此不赘述。

1.2 网站信息完善

点击“应用中心”,应用右侧的“查看”,进入应用详情页面。

应用详情页面可点击“修改”来编辑应用“基本信息”和“平台信息”。

点击“应用接口”可查看已获取的接口,使用QQ登录功能。

标签: #vbs自动登录qq