WordPress输入QQ号一键获取用户名及邮箱

 灵阳星空  2019-04-17 10:32  252次阅读   评论 0 条

浏览一些博客网站上为了方便用户快速输入用户信息提供了一个“输入QQ号快速填写信息”的功能,功能不大但确实有利于增加博客留言的积极性。今天无意浏览博客的时候发现了这段代码的出处 —— 秋叶网络博客,遂记录之。希望能帮助到同样需要此功能的小伙伴们尽快部署上。

温馨提示

注意:对主题进行修改操作之前请自行备份需要修改的文件,以防误操作引起的网站崩溃!!!

自建API获取QQ信息

新建一个 PHP 文件,将下面代码丢进去,文件名可自取,这里以 get_qq_info.php 命名。创建完成后将 get_qq_info.php 文件丢到网站根目录下以用于以后调取,其实你也可以将它放在网站的任何一个目录下,只需要保证后面 JS 代码调取是路径正确即可。

  1. <?php   
  2. header('Content-Type: text/html;charset=utf-8');  
  3. $QQ=$_GET["qq"];  
  4. if($QQ!=''){  
  5. $urlPre='http://r.qzone.qq.com/fcg-bin/cgi_get_portrait.fcg?g_tk=1518561325&uins=';  
  6. $data=file_get_contents($urlPre.$QQ);  
  7. $data=iconv("GB2312","UTF-8",$data);  
  8. $pattern = '/portraitCallBack\((.*)\)/is';  
  9. preg_match($pattern,$data,$result);  
  10. $result=$result[1];  
  11. echo $result;  
  12. }else{  
  13. echo "请输入qq号!";  
  14. }  
  15. ?>  

JavaScript脚本调用API

将以下代码添加到主题的主要 JS 文件中去,当然如果主题支持后台自定义代码也可以直接放在后台自定义代码位置,注意加上 script 标签。

此处为隐藏的内容!
发表评论并刷新,才能查看

配置前端显示代码

  1. <input class="你主题的对应样式" type="text" name="qqinfo" id="qqinfo" maxlength="12" value="" tabindex="5" placeholder="输入QQ号快速填写信息" onblur="fn_qqinfo()" /><span class="你主题的对应样式" >Q Q(选填)</span>  
至此,全部修改操作完成,注意刷新 CDN 缓存及浏览器缓存等,避免不能实时查看到效果。
本文地址:https://www.13qing.com/102.html
关注我们:关注请扫描底部右下角二维码,公众号:nygzs166
温馨提示:文章内容系作者个人观点,不代表墨情博客对观点赞同或支持。
版权声明:本文为转载文章,来源于 灵阳星空 ,版权归原作者所有,欢迎分享本文,转载请保留出处!

 发表评论


表情