使用CF Snippets反代你的pages

Cloudflare Workers 在使用反代、边缘请求处理时，常常会带来很高的延迟，并且请求数每天只有1M。而Snippets是Cloudflare推出的位于规则引擎级别的更轻量的边缘js服务，对于无需使用Worker全栈功能的用户来讲，他能够提供无限的请求数，延迟更低，更适合反代、边缘请求处理的业务。

这个功能类似阿里云的EdgeScript和腾讯的EdgeFunction，理论上之间的脚本都是可以互相修改适配的。

怎么开通

目前Snippets只对少部分域名后缀的大部分域名的Free计划提供5个配额，其他不支持的后缀可能需要等待后续跟进或开通Pro套餐。

目前已知可以获取Snippets的后缀有.top .net .xyz .org .me .cc .com

具体是否支持可以自行在Cloudflare进入一个域名，点击规则->Snippets，若出现需要升级计划则是不支持。

反代脚本

这个脚本是修改yutian81大佬编写的Worker反代pages脚本

Worker版本

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

async function handleRequest(request) {
  // ✅ 使用你的Pages默认地址
  const targetBase = 'https://your.pages.dev'

  if (request.headers.get('Upgrade') === 'websocket') {
    return fetch(request)
  }

  const url = new URL(request.url)
  const newUrl = new URL(url.pathname + url.search, targetBase)
  
  const newHeaders = new Headers(request.headers)
  newHeaders.set('Host', newUrl.hostname)
  
  const newRequest = new Request(newUrl, {
    method: request.method,
    headers: newHeaders,
    body: request.body,
    redirect: 'manual'
  })

  const response = await fetch(newRequest)
  
  if ([301, 302, 303, 307, 308].includes(response.status)) {
    const location = response.headers.get('Location')
    if (location && location.includes(targetBase)) {
      return Response.redirect(
        location.replace(targetBase, `https://${url.hostname}`),
        response.status
      )
    }
  }
  
  return response
}

Snippets 版本

export default {
  async fetch(request) {
    try {
      return await handleRequest(request);
    } catch (e) {
      return new Response(e.message || "Internal Error", { status: 500 });
    }
  },
};

async function handleRequest(request) {
  // ✅ 使用你的Pages默认地址
  const targetBase = 'https://your.pages.dev'

  if (request.headers.get('Upgrade') === 'websocket') {
    return fetch(request)
  }

  const url = new URL(request.url)
  const newUrl = new URL(url.pathname + url.search, targetBase)
  
  const newHeaders = new Headers(request.headers)
  newHeaders.set('Host', newUrl.hostname)
  
  const newRequest = new Request(newUrl, {
    method: request.method,
    headers: newHeaders,
    body: request.body,
    redirect: 'manual'
  })

  const response = await fetch(newRequest)
  
  if ([301, 302, 303, 307, 308].includes(response.status)) {
    const location = response.headers.get('Location')
    if (location && location.includes(targetBase)) {
      return Response.redirect(
        location.replace(targetBase, `https://${url.hostname}`),
        response.status
      )
    }
  }
  
  return response
}