Umami博客访问统计Vercel+Cloudflare Wokers部署

1
addEventListener('fetch', event => {
2
  event.respondWith(handleRequest(event));
3
});
4

5
const API_BASE_URL = 'https://umami.yourdomain.com';  // 替换你的刚才部署的umami的域名
6
const TOKEN = 'your_token'; // 获取的token
7
const WEBSITE_ID = 'your_website_id'; // 在umami添加网站的 webstie id
8
const CACHE_KEY = 'umami_cache';
9
const CACHE_TIME = 600; // Cache time in seconds
10

11
async function fetchUmamiData(startAt, endAt) {
12
  const url = `${API_BASE_URL}/api/websites/${WEBSITE_ID}/stats?startAt=${startAt}&endAt=${endAt}`;
13
  const response = await fetch(url, {
14
    headers: {
15
      'Authorization': `Bearer ${TOKEN}`,
16
      'Content-Type': 'application/json'
17
    }
18
  });
19

20
  if (!response.ok) {
21
    console.error(`Error fetching data: ${response.statusText}`);
22
    return null;
23
  }
24

25
  return response.json();
26
}
27

28
async function handleRequest(event) {
29
  const cache = await caches.open(CACHE_KEY);
30
  const cachedResponse = await cache.match(event.request);
31

32
  if (cachedResponse) {
33
    return cachedResponse;
34
  }
35

36
  const now = Date.now();
37
  const todayStart = new Date(now).setHours(0, 0, 0, 0);
38
  const yesterdayStart = new Date(now - 86400000).setHours(0, 0, 0, 0);
39
  const lastMonthStart = new Date(now).setMonth(new Date(now).getMonth() - 1);
40
  const lastYearStart = new Date(now).setFullYear(new Date(now).getFullYear() - 1);
41

42
  const [todayData, yesterdayData, lastMonthData, lastYearData] = await Promise.all([
43
    fetchUmamiData(todayStart, now),
44
    fetchUmamiData(yesterdayStart, todayStart),
45
    fetchUmamiData(lastMonthStart, now),
46
    fetchUmamiData(lastYearStart, now)
47
  ]);
48

49
  const responseData = {
50
    today_uv: todayData?.visitors?.value ?? null,
51
    today_pv: todayData?.pageviews?.value ?? null,
52
    yesterday_uv: yesterdayData?.visitors?.value ?? null,
53
    yesterday_pv: yesterdayData?.pageviews?.value ?? null,
54
    last_month_pv: lastMonthData?.pageviews?.value ?? null,
55
    last_year_pv: lastYearData?.pageviews?.value ?? null
56
  };
57

58
  const jsonResponse = new Response(JSON.stringify(responseData), {
59
    headers: {
60
      'Content-Type': 'application/json',
61
      'Access-Control-Allow-Origin': '*',
62
      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
63
      'Access-Control-Allow-Headers': 'Content-Type, Authorization'
64
    }
65
  });
66

67
  event.waitUntil(cache.put(event.request, jsonResponse.clone()));
68

69
  return jsonResponse;
70
}

1
https://你的umami域名或者是链接/api/auth/login

1
{
2
 "username":"用户名",
3
 "password":"密码"
4
}

1
{
2
  "token": "你的token", # 你需要记录下来的内容
3
  "user": {
4
    "id": "41e2b680-648e-4b09-bcd7-3e2b10c06264",
5
    "username": "admin",
6
    "role": "admin",
7
    "createdAt": "2024-11-12T09:18:12.766Z",
8
    "isAdmin": true
9
  }
10
}

1
tj: # 统计
2
  provider: custom # custom
3
  url: 你的数据接口地址
4
  img: https://7.isyangs.cn/1/65eb2e9109826-1.png # 背景
5
  desc: # 卡片左下角描述