如何显示站点总浏览量与访问数？

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
  // 获取环境变量
  const UMAMI_API_URL = "https://你的umami地址/api";
  const UMAMI_WEBSITE_ID = "网站id";
  const UMAMI_API_TOKEN = "umami token";

  // 获取请求 URL
  const url = new URL(request.url);
  const startAt = url.searchParams.get('startAt') || '2024-01-01T00:00:00Z'; // 获取开始时间，默认为 2024-01-01
  const endAt = url.searchParams.get('endAt') || new Date().toISOString(); // 获取结束时间，默认为当前时间

  // 构建 Umami API 请求 URL
  const apiUrl = `${UMAMI_API_URL}/websites/${UMAMI_WEBSITE_ID}/stats?startAt=${new Date(startAt).getTime()}&endAt=${new Date(endAt).getTime()}&stats`;

  try {
    // 发送请求到 Umami API
    const response = await fetch(apiUrl, {
      headers: {
        'Authorization': `Bearer ${UMAMI_API_TOKEN}`,
        'Content-Type': 'application/json',
      },
    });

    if (!response.ok) {
      console.error(`Umami API error: ${response.status} - ${response.statusText}`);
      return new Response(JSON.stringify({ error: `Umami API error: ${response.status}` }), {
        status: response.status,
        headers: { 'Content-Type': 'application/json' },
      });
    }

    // 解析 Umami API 响应
    const data = await response.json();

    // 提取所需的数据（例如，页面浏览量）
    const pageviews = data.pageviews.value;
    const visits = data.visits.value;

    // 构建响应数据
    const responseData = {
      pageviews: pageviews,
      visits: visits,
      timestamp: new Date().toISOString(),
    };

    // 返回响应
    return new Response(JSON.stringify(responseData), {
      headers: {
        'Content-Type': 'application/json',
        'Access-Control-Allow-Origin': '*', // 允许跨域请求，根据需要修改
      },
    });
  } catch (error) {
    console.error('Error fetching or processing data:', error);
    return new Response(JSON.stringify({ error: error.message }), {
      status: 500,
      headers: { 'Content-Type': 'application/json' },
    });
  }
}

document.addEventListener("DOMContentLoaded", function() {
    const startAt = new Date('2025-07-16T00:12:55.346Z').getTime(); // 改为你的开始时间
    fetch(`Cloudflare Worker 地址`, {})
    .then(response => response.json())
    .then(data => {
    const viewsElement = document.getElementById("pageviews-count");
    viewsElement.textContent = `${data.pageviews}`;
    const visitsElement = document.getElementById("visits-count");
    visitsElement.textContent = `${data.visits}`;
    const endAt = new Date(data.timestamp).getTime();
    const timeDiff = endAt - startAt;
    const daysRunning = Math.floor(timeDiff / (1000 * 3600 * 24));
    const daysElement = document.getElementById("days-count");
    daysElement.textContent = `${daysRunning}`;
    });
});