网站引入QQ登陆

网站引入QQ登录可以为我们的网站极大的降低登录门槛,因为几乎所有用户都拥有QQ号。下面来说下引入QQ登录的步骤:

1.引入script脚本:

  1. <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101044974" charset="utf-8">  

里面的appkey是你在腾讯申请接入网站通过后取得的appkey。

2.引入登录按钮以及js代码:

  1. <span style="margin-left:10px; margin-top:60px !important; float:left;"  
  2.                 id="qq_login_btn" data-role="none"> </span>   
  3.         <script type="text/javascript">  
  4.                     QC.Login({  
  5.                         btnId: "qq_login_btn",  
  6.                         scope: "all",  
  7.                     },  
  8.                     function() {  
  9.                         QC.api("get_user_info").success(function(s) {  
  10.                             var paras = {  
  11.                                 format: "json"  
  12.                             };  
  13.                             QC.api("get_info", paras).success(function(w) {  
  14.                                 var data = eval(w.data);  
  15.                                 weiboUrl = "http://t.qq.com/"   data.data.name;  
  16.                                 lc = data.data.location;  
  17.   
  18.                             }).error(function(e) {  
  19.   
  20. }).complete(function(c) { //完成请求回调  
  21.                                 loginType = 1;  
  22.                                 nickName = s.data.nickname;  
  23.                                 var userQQSmallImage = s.data.figureurl_qq_1; //大小为40×40像素的QQ头像URL。  
  24.                                 userQQLargeImage = s.data.figureurl_qq_2; //大小为100×100像素的QQ头像URL。  
  25.                                 var userQQZoneImage = s.data.figureurl_1; //大小为50×50像素的QQ空间头像URL  
  26.                             });  
  27.                         });  
  28.                     });  
  29.                 </script>   

 


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值