WordPress怎么实现评论自动填写QQ邮箱与昵称?

 4364

WordPress评论自动填写QQ邮箱与昵称这个功能很鸡肋呀,以至于我虽然留了位置,但没写功能。不过最近有人问了这个事,还是写篇教程出来吧。功能实现主要是通过腾讯的查询接口实现的,不过在2018年7月的时候出现了一次接口失效的情况,现在大部分获取昵称的接口都是用的QQ空间的,至于邮箱,直接在QQ号后面加上@qq.com就行了。

先把下面的接口保存为PHP文件,放在你的网站中,确保能被访问,之所以写成接口是为了避免跨域请求。

  1. <?php 
  2. header("content-Type:application/json; charset=utf-8"); 
  3. $type = @$_GET['type'] ? $_GET['type'] : ''; 
  4. if(empty($type)){ exit; } 
  5. if($type == "getqqnickname"){ 
  6.     $qq = isset($_GET['qq']) ? addslashes(trim($_GET['qq'])) : ''; 
  7.     if(!empty($qq) && is_numeric($qq) && strlen($qq) > 4 && strlen($qq) < 13){ 
  8.         $qqnickname = file_get_contents('http://users.qzone.qq.com/fcg-bin/cgi_get_portrait.fcg?uins='.$qq);
  9.         if($qqnickname){ 
  10.             $qqnickname = mb_convert_encoding($qqnickname, "UTF-8", "GBK"); $str=explode(",",$qqnickname); $s=str_replace('"','', $str[6]); print_r(json_encode(array("nicek"=>$s)));
  11.         }
  12.     }
  13. }
  14. if($type == "getqqavatar"){
  15.     $qq = isset($_GET['qq']) ? addslashes(trim($_GET['qq'])) : '';
  16.     if(!empty($qq) && is_numeric($qq) && strlen($qq) > 4 && strlen($qq) < 13){
  17.         $qqavatar = file_get_contents('http://ptlogin2.qq.com/getface?appid=1006102&imgtype=3&uin='.$qq);
  18.         if($qqavatar){
  19.             $str= str_replace("pt.setHeader","qqavatarCallBack",$qqavatar);
  20.             echo substr($str,17,strlen($str)-18);
  21.         }
  22.     }
  23. }

上面的接口中我只取了昵称这个数据,如果你需要头像链接也可以取出来,至于怎么取数据我就不多说了,方法多种多样,看自己喜好。需要注意的是头像也是QQ空间的头像。当然你也可以通过后面的接口取头像,这个就是QQ的头像。

然后在你的主题全局加载的js中写上下面的js代码。注意jquery选择器选择的HTML标签,根据你自己的改一下。

  1. $("#comt-qq").blur(function() {
  2.     var curValue = $("#comt-qq").val();
  3.     if ($.trim(curValue) == "") {
  4.         //空值
  5.     } else {
  6.         $("#email").val(curValue + "@qq.com");
  7.         getQQnic(curValue);
  8.     }
  9. });
  10. function getQQnic(num) {
  11.     $.get("你的接口文件地址(就是上面的代码保存的文件).php?type=getqqnickname&qq=" + num, function(data) {
  12.         $("#author").val(data.nicek);
  13.     });
  14. }

只要没有语法问题,应该就可以看到效果了,填完QQ号之后,点击其它区域,取消掉输入QQ号的编辑框的焦点就会自动查询并填写相关资料。有的人需要把QQ号也存到评论信息里,不知道想干嘛,完全没有意义。当然要实现也很简单,使用wordpress的函数给评论增加一个字段,然后在评论提交处将评论数据中传来的QQ号一起提交就好了。


本文网址:https://www.zztuku.com/detail-7727.html
站长图库 - WordPress怎么实现评论自动填写QQ邮箱与昵称?
申明:如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐