WordPress评论自动填写QQ邮箱与昵称这个功能很鸡肋呀,以至于我虽然留了位置,但没写功能。不过昨天有人问了这个事,还是写篇教程出来吧。功能实现主要是通过腾讯的查询接口实现的,不过在2018年7月的时候出现了一次接口失效的情况,现在大部分获取昵称的接口都是用的QQ空间的,至于邮箱,直接在QQ号后面加上@qq.com就行了。
先把下面的接口保存为PHP文件,放在你的网站中,确保能被访问,之所以写成接口是为了避免跨域请求。
<?php header("content-Type:application/json; charset=utf-8"); $type = @$_GET['type'] ? $_GET['type'] : ''; if(empty($type)){ exit; } if($type == "getqqnickname"){ $qq = isset($_GET['qq']) ? addslashes(trim($_GET['qq'])) : ''; if(!empty($qq) && is_numeric($qq) && strlen($qq) > 4 && strlen($qq) < 13){ $qqnickname = file_get_contents('http://users.qzone.qq.com/fcg-bin/cgi_get_portrait.fcg?uins='.$qq); if($qqnickname){ $qqnickname = mb_convert_encoding($qqnickname, "UTF-8", "GBK"); $str=explode(",",$qqnickname); $s=str_replace('"','', $str[6]); print_r(json_encode(array("nicek"=>$s))); } } } if($type == "getqqavatar"){ $qq = isset($_GET['qq']) ? addslashes(trim($_GET['qq'])) : ''; if(!empty($qq) && is_numeric($qq) && strlen($qq) > 4 && strlen($qq) < 13){ $qqavatar = file_get_contents('http://ptlogin2.qq.com/getface?appid=1006102&imgtype=3&uin='.$qq); if($qqavatar){ $str= str_replace("pt.setHeader","qqavatarCallBack",$qqavatar); echo substr($str,17,strlen($str)-18); } } }
上面的接口中我只取了昵称这个数据,如果你需要头像链接也可以取出来,至于怎么取数据我就不多说了,方法多种多样,看自己喜好。需要注意的是头像也是QQ空间的头像。当然你也可以通过后面的接口取头像,这个就是QQ的头像。
然后在你的主题全局加载的js中写上下面的js代码。注意jquery选择器选择的HTML标签,根据你自己的改一下。
$("#comt-qq").blur(function() { var curValue = $("#comt-qq").val(); if ($.trim(curValue) == "") { //空值 } else { $("#email").val(curValue + "@qq.com"); getQQnic(curValue); } }); function getQQnic(num) { $.get("你的接口文件地址(就是上面的代码保存的文件).php?type=getqqnickname&qq=" + num, function(data) { $("#author").val(data.nicek); }); }
只要没有语法问题,应该就可以看到效果了,填完QQ号之后,点击其它区域,取消掉输入QQ号的编辑框的焦点就会自动查询并填写相关资料。有的人需要把QQ号也存到评论信息里,不知道想干嘛,完全没有意义。当然要实现也很简单,使用wordpress的函数给评论增加一个字段,然后在评论提交处将评论数据中传来的QQ号一起提交就好了。
别问我为什么不写后面的教程,首先就是我觉得没意义,然后就是每个人的主题评论写法不一样,考虑不同写法,那我还是另开一篇文章写吧,否则也忒长了!
还有填写一次后无需填写第二次,一样只需要增加读写cookies即可,没什么难度,大家自己研究下吧。
评论 (0)