Typecho handsome 侧边栏显示网站请求总数

// usr/themes/handsome/component/direct-updater.js

(function () {
  "use strict";

  var CACHE_KEY = "handsome_visitor_stats";
  var CACHE_EXPIRE_MS = 10 * 60 * 1000; // 10分钟缓存

  function formatPV(value) {
    var num = parseInt(value, 10);
    if (isNaN(num)) return "...";
    if (num >= 1000000) return (num / 1000000).toFixed(2) + " M";
    if (num >= 1000) return (num / 1000).toFixed(2) + " K";
    return num.toString();
  }

  function updateDOM(formattedPV) {
    var elements = document.querySelectorAll(
      '.pv-count, [data-stat="pv"], .badge[data-type="pv"]'
    );
    for (var i = 0; i < elements.length; i++) {
      elements[i].textContent = formattedPV;
    }
  }

  var cache = {
    get: function () {
      var item = window.localStorage.getItem(CACHE_KEY);
      if (!item) return null;

      try {
        var data = JSON.parse(item);
        if (Date.now() - data.timestamp < CACHE_EXPIRE_MS) {
          return data.value;
        }
      } catch (e) {}

      window.localStorage.removeItem(CACHE_KEY);
      return null;
    },
    set: function (value) {
      try {
        var item = {
          value: value,
          timestamp: Date.now(),
        };
        window.localStorage.setItem(CACHE_KEY, JSON.stringify(item));
      } catch (e) {}
    },
  };

  function fetchData() {
    var xhr = new XMLHttpRequest();
    xhr.open(
      "GET",
      "/usr/themes/handsome/component/direct-pv.php?t=" + Date.now(),
      true
    );
    xhr.timeout = 5000;
    xhr.onreadystatechange = function () {
      if (xhr.readyState === 4 && xhr.status === 200) {
        try {
          var data = JSON.parse(xhr.responseText);
          if (data && typeof data.total_pv !== "undefined") {
            updateDOM(formatPV(data.total_pv));
            cache.set(data);
          }
        } catch (e) {}
      }
    };
    xhr.send();
  }

  function init() {
    // 首先使用缓存的数据（如果有）
    var cachedData = cache.get();
    if (cachedData) {
      updateDOM(formatPV(cachedData.total_pv));
    }

    // 然后从服务器获取最新数据
    // 如果有缓存，延迟获取以减少首次加载时的网络请求
    var delay = cachedData ? 3000 : 100;
    setTimeout(fetchData, delay);
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", init);
  } else {
    init();
  }
})();

<?php
// 获取WAF访问总量函数
function getSafeguardPV()
{
    // 缓存文件路径
    $cache_dir = __DIR__ . '/cache';
    if (!is_dir($cache_dir)) {
        @mkdir($cache_dir, 0755, true);
    }
    $cache_file = $cache_dir . '/visitor_stats.json';

    // 格式化数字的函数
    function formatNumber($num)
    {
        if ($num >= 1000000) {
            return round($num / 1000000, 2) . ' M';
        } elseif ($num >= 1000) {
            return round($num / 1000, 2) . ' K';
        } else {
            return $num;
        }
    }

    // 如果缓存文件存在且未过期
    if (file_exists($cache_file) && (time() - filemtime($cache_file) < 300)) {
        $pv_data = json_decode(file_get_contents($cache_file), true);
        if (is_array($pv_data) && isset($pv_data['total_pv'])) {
            return formatNumber($pv_data['total_pv']);
        }
    }

    // 使用curl直接访问API
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, '/usr/themes/handsome/component/direct-pv.php');
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_TIMEOUT, 2);
    $response = curl_exec($ch);
    curl_close($ch);

    if ($response) {
        $data = json_decode($response, true);
        if (isset($data['total_pv'])) {
            return formatNumber($data['total_pv']);
        }
    }

    // 如果出错，返回0
    return '0';
}
?>