2016年05月4日 | Wizzer | 评论 1、申请AppId、AppKey和验证字符串 http://connect.qq.com/manage/login 网站首页头文件添加验证字符串,如: <meta property=”qc:admins” content=”765754250763563070636” /> 填写回调地址: 必须是公网地址,可以填写多个,注意 /xxx 和 http://wizzer.cn/xxx 是两个地址,两个都需要配置。 2、开发完成 登录页面: <span id=”qqLoginBtn”></span> <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="<%=qq_appid||''%>" data-redirecturi="<%=req.baseUrl%>/public/shop/pc/account/oauthQq" charset="utf-8" ></script> <script type="text/javascript"> QC.Login({ btnId:"qqLoginBtn", //插入按钮的节点id scope: "get_user_info" },function(oInfo, oOpts){ //登陆成功执行 var nickname=QC.String.escHTML(oInfo.nickname);//获取QQ会员名 var info={ nickname:nickname, gender:oInfo.gender, headimgurl:oInfo.figureurl_qq_1 //头像40X40 };//封装对象 if(QC.Login.check()){ QC.Login.getMe(function(openId, accessToken){ info.openid=openId;//传递openid及昵称头像等,业务逻辑自动注册会员或登录 $.post( "/public/shop/pc/account/oauthQqStatus", info, function(result){ console.log(result); if(result.code==0){ window.location.href=$("#r").val()||'/member';//登录成功跳转 }else{ alert('登录失败'); } },'json' ); }); } });</script> 回调页面: <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-callback="true"></script> 退出登录: <%if(sails.config.system.ShopConfig.oauth_open&&sails.config.system.ShopConfig.pay_wxpay&&sails.config.system.ShopConfig.oauth_qq){ var qq_appid=''; if(sails.config.system.ShopConfig.oauth_qq_info){ qq_appid=sails.config.system.ShopConfig.oauth_qq_info.qq_appid; } %> <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="<%=qq_appid||''%>" data-redirecturi="http://<%=sails.config.system.AppDomain%>/public/shop/pc/account/oauthQq" charset="utf-8" ></script> <script type="text/javascript"> QC.Login.signOut(); if(QC.Login.check()==false){ window.location.href='/public/shop/pc/account/logout';//先QQ登出,再清除session }else{ window.location.reload(); } </script> <%}else{%> <script type="text/javascript"> window.location.href='/public/shop/pc/account/logout'; </script> <%}%> 3、申请审核 审核条件:登录页面有QQ登录图标、使用申请的QQ或测试QQ号,测试可以正常登录后提交申请,否则肯定是不通过的。 2,675 total views, 2 views today