静的サイトで人気記事ランキングを自動更新する｜Cloudflare Web AnalyticsのAPI×GitHub Actions

const query = `query ($accountTag: string!, $filter: AccountRumPageloadEventsAdaptiveGroupsFilter_InputObject!) {
  viewer {
    accounts(filter: { accountTag: $accountTag }) {
      rumPageloadEventsAdaptiveGroups(limit: 200, filter: $filter, orderBy: [count_DESC]) {
        count
        dimensions { requestPath }
      }
    }
  }
}`;

const res = await fetch('https://api.cloudflare.com/client/v4/graphql', {
  method: 'POST',
  headers: { authorization: `Bearer ${token}`, 'content-type': 'application/json' },
  body: JSON.stringify({
    query,
    variables: {
      accountTag,
      filter: { siteTag, bot: 0, datetime_geq: since.toISOString(), datetime_leq: until.toISOString() },
    },
  }),
});

const res = await fetch(`https://api.cloudflare.com/client/v4/accounts/${accountTag}/rum/site_info/list?per_page=100`, {
  headers: { authorization: `Bearer ${token}` },
});
const body = await res.json();
const found = body.result.find((s) => s.site_token === beacon);
return found.site_tag;

for (const row of rows) {
  let p = row.dimensions.requestPath;
  try { p = decodeURIComponent(p); } catch {}
  const slug = p.normalize('NFC').match(/^\/entry\/([^/]+)\/?$/)?.[1];
  if (!slug || slug === 'category' || !existsSync(`src/content/blog/${slug}/index.md`)) continue;
  views.set(slug, (views.get(slug) ?? 0) + row.count);
}

on:
  push:
    branches: [main]
  schedule:
    - cron: '0 20 * * *' # 毎日 5:00 JST

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      # （チェックアウトと npm ci は省略）
      - name: 人気記事ランキングを更新
        # 集計に失敗しても前回のランキングのまま公開を続ける
        continue-on-error: true
        run: npm run update:popular
        env:
          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}

      - name: ビルド
        run: npm run build

      - name: デプロイ
        run: npx wrangler deploy