WordPress自动生成首页静态缓存集成到主题

来自:INLOJV
时间:2018-10-16
阅读:

继前篇WordPress自动生成首页静态缓存之后 首页缓存几大问题已经基本解决。下面是把这个方法集成到主题里面,可以做成插件,以下是自定义函数版本,将下面的代码添加到主题的functions.php里面之后即可生效:

/**
  * 首页缓存版
  * 缓存于网站根目录/cache文件夹
  * by  INLOJV.com
  */add_action( 'init', 'homeCache' );function homeCache(){
    // 只缓存首页
    define('CACHE_FOLDER', ABSPATH.'/cache'); //  根目录/cache/ 文件夹 
    define('CACHE_DIR', ABSPATH.'/cache/'.$_SERVER['HTTP_HOST']); // 缓存目录 —— cache.php所在目录/cache/服务器域名
    define('CACHE_CYC', 86400); //缓存文件的周期,单位秒,86400秒是一天,到期则清除
    define('CACHE_SUFFIX','.html');  //缓存文件的后缀,不要用 .php .asp .jsp .pl 等
    
    //首页以index.html缓存 
    if($_SERVER['REQUEST_URI'] == '/'){ // 如果请求的是首页
        $file_name  = "index".CACHE_SUFFIX; // 文件名为 index+后缀
        $cache_dir  = CACHE_DIR; // 缓存路径赋值
    }
    else { // 如果不是首页
        return false;  //终止, 下面的代码就不需要执行了。
    }
    
    $cache_file = $cache_dir.'/'.$file_name; // 缓存文件
    $backlist = '/(?s=|%|feed|map|page|404|xml|txt|tag|author)/'; // 缓存链接黑名单:黑名单中的字符将不被缓存,若要添加更多请用分隔符 | 隔开:
    if($_SERVER['REQUEST_METHOD']=='GET' && !preg_match_all($backlist,$_SERVER['REQUEST_URI'],$matches)){  // 若是GET请求 并且不在黑名单中
        if(file_exists($cache_file) && time() - filemtime($cache_file) < CACHE_CYC){   //如果缓存文件存在,并且没有过期,就把它读出来
            $fp = fopen($cache_file,'rb'); // 以只读方式打开缓存文件
            fpassthru($fp); // 返回缓存文件字符数
            fclose($fp); // 关闭缓存文件
            exit();
        }
        elseif(!file_exists(CACHE_FOLDER)){ // 若cache文件夹不存在
            mkdir(CACHE_FOLDER,0777); // 创建cache文件夹,权限设置为777
            chmod(CACHE_FOLDER,0777); // 检查cache文件夹权限是否为777

            mkdir(CACHE_DIR,0777); // 创建缓存目录,权限设置为777
            chmod(CACHE_DIR,0777); // 检查缓存目录权限是否为777
        }
        elseif(!file_exists(CACHE_DIR)){ // 若缓存目录不存在
            mkdir(CACHE_DIR,0777); // 创建缓存目录,权限设置为777
            chmod(CACHE_DIR,0777); // 检查缓存目录权限是否为777
        }
        function auto_cache($contents){  //函数:自动缓存,当程序结束时自动调用此函数
            $auto_cachefiles = CACHE_DIR."/index".CACHE_SUFFIX; // 重新赋值缓存文件
            $fp = fopen($auto_cachefiles,'wb');  // 以可写方式打开缓存文件
            fwrite($fp,$contents); // 写入缓存文件
            fclose($fp); // 关闭缓存文件
            chmod($auto_cachefiles,0777); // 检查缓存目录权限是否为777
            clean_old_cache();   //生成新缓存的同时,自动删除所有的旧缓存
            return $contents;
        }
        function clean_old_cache(){ // 函数:清理旧缓存
            chdir(CACHE_DIR); // 指定需要清理的目录
            foreach (glob("*/*".CACHE_SUFFIX) as $file){ // 遍历所有满足后缀的文件
            if(time()-filemtime($file)>CACHE_CYC){ // 大于缓存时间周期的
                unlink($file); // 删除文件
            }
            }
        }
        ob_start('auto_cache');  // 执行 auto_cache 缓存函数
    }
    else{
        if(file_exists($cache_file)){    // file_exists() 函数检查文件或目录是否存在。
            unlink($cache_file);    // 若不是GET的请求则删除缓存文件。
        }
    }}// 发布、更新文章时,删除首页缓存add_action('publish_post', 'DelHomeCache');add_action('delete_post', 'DelHomeCache');add_action('post_updated', 'DelHomeCache');add_action('publish_page', 'DelHomeCache');function DelHomeCache($post_ID){
    $home_cache = ABSPATH ."/cache/".$_SERVER['HTTP_HOST']."/index.html"; // ABSPATH 为根目录服务器绝对路径常量
    if (file_exists($home_cache)) {
        unlink($home_cache);
    }}

添加之后 什么都不用做,只需要刷新首页即可在根目录自动创建cache文件夹进行缓存,每次文章有任何更新缓存也会跟着更新,非常方便。

前端JS手动删除缓存

 

POST对象

主题目录下新建一个mod文件夹,并在mod里面新建一个delCache.php文件,加入以下代码

 

<?php// 前端通过JS手动缓存清理代码 BY INLOJVif(isset($_POST['action'])) { // POST传参对象
    if($_POST['action'] == 'delcache'){ // 前端js通过POST方法传过来的值
        // 缓存文件 —— 根目录/cache/服务器域名/index.html —— 必须用dirname()获取,路径自行修改。
        $cachefile = "../../../../cache/".$_SERVER['HTTP_HOST']."/index.html"; 
        if (file_exists($cachefile)) { // 若存在缓存文件
            unlink($cachefile); // 删除该文件
        }
    }
    return false;}?>

 

JS控制

点击事件绑定的元素id或class修改为你自己的

 

// 用ajax方法向根目录delCache.php传值删除静态缓存,手动更新首页html静态缓存$(document).on('click', 'svg.icon-list', function() { // 点击class为svg.icon-list的元素
    $.ajax({       
        url: theme_dir + 'mod/delCache.php',  //请求对象所在的url:delCache.php 。路径不要搞错
        type: 'POST',
        data: {
            "action": "delcache"// 传参
        },
        cache: false,
        error: function(){
            alert('发生意外错误,请联系管理员。');
            return false;
        },
        success:function(){
            alert('Success,请手动刷新页面!');
            //location.reload(true);
        }
    });});

这样就OK了,最后要注意:POST对象文件和本篇前半部分的生成缓存的函数两段代码不能放在一起,否则会失效。

返回顶部
顶部