实现typecho评论框输入QQ号码自动获取QQ头像和昵称

玩不溜，花了不少时间才实行了这个功能，网上找打的都是wordpress比较多，结构不是很熟悉，又用不了，看看评论效果把

输入QQ就自动获取昵称，邮箱和头像，可能还有不少错误或者不严谨的地方，不过，基本上也就大概了…… 留个记录方便有缘人折腾下饭

主要核心还是ajax去处理，获取到QQ身份的数据信息，比如……

";
  $headimg = "http://q1.qlogo.cn/g?b=qq&nk=$QQ&s=100&t=1547904810";
  echo "QQ头像：";
  echo "

";
  echo "";
  echo "

";
  $email = $QQ."@qq.com";
  echo "QQ邮箱：".$email;
  echo "

";
  echo "JSON数据：";
  echo "[{\"nickname\":\"$nickname\",\"touxiang\":\"$headimg\",\"email\":\"$email\"}]";
 }else{
  echo "请输入qq号！";
 }
?>

上面就差不多已经很足够了吧……

那么建立php文件，新建……get_qq_info.php

代码如下

$nickname,'qqtx'=>$url);
$bbb  =json_encode($aaa);
echo $bbb;
  
}else{
echo "请输入qq号！";
}
?>

里面主要是通过qq获取了昵称和头像，头像的获取和前面不太一样，我这里设置的比较准确……把…，如果不准确，那也算了

参考这里

（新）typecho获取QQ头像，隐藏QQ号

最初想到获取QQ头像地址就是下面这样，当随之而来的问题就是暴露了别人的QQ号码，这点对于保护他人隐私上来说不太好。 国内使用Gravatar的用户很少，所以很多邮箱....

下一步

建立js文件，我这里是qqget.js，记得让页面调用

function fn_qqinfo() {
 var qq_num = $('#qqinfo').val();
 if (qq_num) {
  if (!isNaN(qq_num)) {
$.ajax({
 url: "/usr/themes/spzac/lib/get_qq_info.php",
 type: "POST",  
 data: {
  qq: qq_num,  
 },
 async: true,  
 dataType: "json",
 success: function(data) {
  $("#mail").val(qq_num + '@qq.com');
  $('#comment').focus();
  if (data == null) {
$("#author").val('QQ游客');
  } else {
$("#author").val(data.name == "" ? 'QQ游客' : data.name);
 $('div.ajax-user-avatar img').attr('src',data.qqtx);
  
  }
 },
 error: function(err) {
  $("#author").val('QQ游客');
  $("#mail").val(qq_num + '@qq.com');
  $('#comment').focus();
 }
});  
 
  } else {
$("#mail").val('你输入的好像不是QQ号码');
  }
 } else {
  $("#qqinfo").val('请输入您的QQ号');  
 }
}

这里是通过截取到输入的QQ，然后通过ajax去处理得到相关昵称，邮箱和头像，返回调用，赋予指定的输入框的值

下面是前端的html代码，参考就行了，举一反三，自己配置到自己的页面代码就行了

我这里目前是实现在评论框，还要继续弄到注册页面，但是思路还是一样的，有问题就留言把……