I'm also hoping you might tell me it's hitting cache or something and I've since fixed the problem a

AAshley I'm also hoping you might tell me it's hitting cache or something and I've since...

H

Hard@Work•7/15/24, 2:59 PM

Does your origin have any kind of logging?

HHard@Work Does your origin have any kind of logging?

A

AshleyOP•7/15/24, 3:00 PM

It does but it's managed by an external agency, so it's not not something I directly have access to to debug. In theory, should the above work then?

AAshley It does but it's managed by an external agency, so it's not not something I dire...

H

Hard@Work•7/15/24, 3:01 PM

I'm just struggling a bit to make a mental model of which requests have what headers, tbh...

A

AshleyOP•7/15/24, 3:05 PM

So in the browser the user will hit

www-staging.foo.com

www-staging.foo.com

www-staging.foo.com

www-staging.foo.com, which by default will proxy using a CNAME to

staging.actual-origin.com

staging.actual-origin.com

staging.actual-origin.com

staging.actual-origin.com

all works fine.

ow, if I insert a worker into the mix, in the worker I can see if I log the request it has

www-staging.foo.com

www-staging.foo.com

www-staging.foo.com

www-staging.foo.com as the URL. I've tried both

fetch('www-staging.foo.com')

fetch('www-staging.foo.com')

fetch('www-staging.foo.com')

fetch('www-staging.foo.com') and

fetch(request)

fetch(request)

to no avail - both give the same result, assuming there's no caching funny-business going on.

A

AshleyOP•7/15/24, 3:23 PM

Okay, I found out a key piece of info: the downstream (

staging.actual-origin.com

staging.actual-origin.com

staging.actual-origin.com

staging.actual-origin.com) requires a specific HTTP header to be set - this is done by a transform rule when proxied - but naturally as the worker intercepts that transform rule isn't applied. So in theory I just need to set that, then it should work

A

AshleyOP•7/15/24, 3:36 PM

What's the best way to set that header? As it doesn't appear to be working, I'm doing:

const newRequestInit = {
                headers: {
                    'X-custom-header': 'some-val',
                }
            }

            const newRequest = new Request(
                request,
                new Request(request, newRequestInit)
            );

return await fetch(newRequest)

const newRequestInit = {
                headers: {
                    'X-custom-header': 'some-val',
                }
            }

            const newRequest = new Request(
                request,
                new Request(request, newRequestInit)
            );

return await fetch(newRequest)

const newRequestInit = {
                headers: {
                    'X-custom-header': 'some-val',
                }
            }

            const newRequest = new Request(
                request,
                new Request(request, newRequestInit)
            );

return await fetch(newRequest)

const newRequestInit = {
                headers: {
                    'X-custom-header': 'some-val',
                }
            }

            const newRequest = new Request(
                request,
                new Request(request, newRequestInit)
            );

return await fetch(newRequest)

A

AshleyOP•7/15/24, 3:45 PM

Back to the drawing board, the header is set as transform rules apply before a worker

CChaika you pay monthly for each hostname over 100 at $0.10 per hostname per month, and ...

W

whois | API man•7/15/24, 4:31 PM

I see, I have a question.

I activated Custom Hostnames (CF for SaaS), but it asks for a fallback origin, which is a record inside my DNS (A, AAAA or CNAME) but where do I point this record?

W

whois | API man•7/15/24, 4:36 PM

https://developers.cloudflare.com/cloudflare-for-platforms/cloudflare-for-saas/start/getting-started/

on this it says to point an A record to a IPv4 192.0.2.1 but this is where it has to point to?

Wwhois | API man I see, I have a question. I activated Custom Hostnames (CF for SaaS), but it as...

C

Chaika•7/15/24, 4:41 PM

there's a guide for workers: https://developers.cloudflare.com/cloudflare-for-platforms/cloudflare-for-saas/start/advanced-settings/worker-as-origin/

Cloudflare Docs

Workers as your fallback origin · Cloudflare for Platforms docs

Learn how to use a Worker as the fallback origin for your SaaS zone.

CChaika there's a guide for workers: https://developers.cloudflare.com/cloudflare-for-pl...

W

whois | API man•7/15/24, 4:41 PM

oh wait yeahhhh, makes sense haha

C

Chaika•7/15/24, 4:41 PM

subdomain.customerdomain.com -> fallback.yourdomain.com -> dns 100:: / hits worker route

CChaika subdomain.customerdomain.com -> fallback.yourdomain.com -> dns 100:: / hits work...

W

whois | API man•7/15/24, 5:01 PM

but to add a fallback origin it says i need to add a record

W

whois | API man•7/15/24, 5:01 PM

i created a worker already

W

whois | API man•7/15/24, 5:01 PM

and a worker route, and linked it with the worker

W

whois | API man•7/15/24, 5:01 PM

but for the fallback origin, i need to make a DNS record? and if so, where do I point it at?

Wwhois | API man but to add a fallback origin it says i need to add a record

C

Chaika•7/15/24, 5:05 PM

it stays in there the record to use:

In your SaaS zone, create and set a fallback origin. Ensure the fallback origin only has an originless DNS record:

Example: service.example.com AAAA 100::

CChaika it stays in there the record to use: > In your SaaS zone, create and set a fallb...

W

whois | API man•7/15/24, 5:07 PM

but where do I get the IP address

W

whois | API man•7/15/24, 5:07 PM

i dont get it

W

whois | API man•7/15/24, 5:07 PM

lol, sorry, im lost

Wwhois | API man but where do I get the IP address 😦

C

Chaika•7/15/24, 5:08 PM

what do you want your fallback to be?

CChaika what do you want your fallback to be?

W

whois | API man•7/15/24, 5:08 PM

fallback.site.com

W

whois | API man•7/15/24, 5:08 PM

lol

C

Chaika•7/15/24, 5:09 PM

then create a record exactly like this:

C

Chaika•7/15/24, 5:09 PM

100:: is IPv6 Discard, basically saying "if anything hits me go away", the worker route will be activated first (if configured correctly), you just need a dummy/originless record

CChaika 100:: is IPv6 Discard, basically saying "if anything hits me go away", the worke...

W

whois | API man•7/15/24, 5:10 PM

ohhhh i didnt know that

W

whois | API man•7/15/24, 5:10 PM

thanks!

W

whois | API man•7/15/24, 5:10 PM

so thats all i need to do

CChaika then create a record exactly like this:

W

whois | API man•7/15/24, 5:19 PM

i did that, and tried to enter my fallback and says host (my fallback) gave a 522 error

W

whois | API man•7/15/24, 5:19 PM

is that alr?

W

whois | API man•7/15/24, 5:19 PM

or should it show something else?

W

whois | API man•7/15/24, 5:21 PM

all i can think of is my worker code

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

async function handleRequest(request) {
  const fallbackOrigin = ''

  try {
    let response = await fetch(request)

    if (response.ok) {
      return response
    }

    throw new Error('Primary origin response not OK')
  } catch (err) {
    try {
      const url = new URL(request.url)
      url.hostname = new URL(fallbackOrigin).hostname

      let fallbackResponse = await fetch(url.toString(), {
        method: request.method,
        headers: request.headers,
        body: request.method !== 'GET' ? request.body : null,
      })

      return fallbackResponse
    } catch (err) {
      return new Response('Error fetching from the origin and fallback', {
        status: 502,
        statusText: 'Bad Gateway'
      })
    }
  }
}

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

async function handleRequest(request) {
  const fallbackOrigin = ''

  try {
    let response = await fetch(request)

    if (response.ok) {
      return response
    }

    throw new Error('Primary origin response not OK')
  } catch (err) {
    try {
      const url = new URL(request.url)
      url.hostname = new URL(fallbackOrigin).hostname

      let fallbackResponse = await fetch(url.toString(), {
        method: request.method,
        headers: request.headers,
        body: request.method !== 'GET' ? request.body : null,
      })

      return fallbackResponse
    } catch (err) {
      return new Response('Error fetching from the origin and fallback', {
        status: 502,
        statusText: 'Bad Gateway'
      })
    }
  }
}

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

async function handleRequest(request) {
  const fallbackOrigin = ''

  try {
    let response = await fetch(request)

    if (response.ok) {
      return response
    }

    throw new Error('Primary origin response not OK')
  } catch (err) {
    try {
      const url = new URL(request.url)
      url.hostname = new URL(fallbackOrigin).hostname

      let fallbackResponse = await fetch(url.toString(), {
        method: request.method,
        headers: request.headers,
        body: request.method !== 'GET' ? request.body : null,
      })

      return fallbackResponse
    } catch (err) {
      return new Response('Error fetching from the origin and fallback', {
        status: 502,
        statusText: 'Bad Gateway'
      })
    }
  }
}

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

async function handleRequest(request) {
  const fallbackOrigin = ''

  try {
    let response = await fetch(request)

    if (response.ok) {
      return response
    }

    throw new Error('Primary origin response not OK')
  } catch (err) {
    try {
      const url = new URL(request.url)
      url.hostname = new URL(fallbackOrigin).hostname

      let fallbackResponse = await fetch(url.toString(), {
        method: request.method,
        headers: request.headers,
        body: request.method !== 'GET' ? request.body : null,
      })

      return fallbackResponse
    } catch (err) {
      return new Response('Error fetching from the origin and fallback', {
        status: 502,
        statusText: 'Bad Gateway'
      })
    }
  }
}

Wwhois | API man i did that, and tried to enter my fallback and says host (my fallback) gave a 52...

C

Chaika•7/15/24, 5:22 PM

did you create the route for it?

CChaika did you create the route for it?

W

whois | API man•7/15/24, 5:23 PM

ye, I made a worker route for it

C

Chaika•7/15/24, 5:23 PM

matching what?

C

Chaika•7/15/24, 5:24 PM

that guide I linked recommends using

*/*

*/*

(careful, this matches all traffic) and then you could use another to exclude your own domain

CChaika that guide I linked recommends using `*/*` (careful, this matches all traffic) a...

W

whois | API man•7/15/24, 5:24 PM

Wwhois | API man all i can think of is my worker code ```js addEventListener('fetch', event => { ...

C

Chaika•7/15/24, 5:25 PM

oh, what is this code trying to do?

await fetch(request)

await fetch(request)

goes to an origin, but there's nothing behind the fallback

W

whois | API man•7/15/24, 5:25 PM

should i use

*/*

*/*

instead?

CChaika oh, what is this code trying to do? `await fetch(request)` goes to an origin, bu...

W

whois | API man•7/15/24, 5:26 PM

The Cloudflare Worker intercepts all incoming HTTP requests and redirects them to the fallback origin, fallback.site.tech

W

whois | API man•7/15/24, 5:27 PM

If the fetch to the fallback origin fails, it returns a generic 502 error response.

W

whois | API man•7/15/24, 5:27 PM

but im getting a 522

Wwhois | API man The Cloudflare Worker intercepts all incoming HTTP requests and redirects them t...

C

Chaika•7/15/24, 5:28 PM

you don't have an actual fallback origin though, it's just a worker

CChaika you don't have an actual fallback origin though, it's just a worker

W

whois | API man•7/15/24, 5:28 PM

mmm well true

CChaika you don't have an actual fallback origin though, it's just a worker

W

whois | API man•7/15/24, 5:30 PM

then I could try removing where we declare the fallback

W

whois | API man•7/15/24, 5:30 PM

and instead

W

whois | API man•7/15/24, 5:30 PM

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

async function handleRequest(request) {
  try {
    // Attempt to get the response from the original site
    let response = await fetch(request)

    if (response.ok) {
      return response
    }

    throw new Error('Primary origin response not OK')
  } catch (err) {
    return new Response('The primary origin is currently unavailable. Please try again later.', {
      status: 503,
      statusText: 'Service Unavailable',
      headers: {
        'Content-Type': 'text/plain'
      }
    })
  }
}

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

async function handleRequest(request) {
  try {
    // Attempt to get the response from the original site
    let response = await fetch(request)

    if (response.ok) {
      return response
    }

    throw new Error('Primary origin response not OK')
  } catch (err) {
    return new Response('The primary origin is currently unavailable. Please try again later.', {
      status: 503,
      statusText: 'Service Unavailable',
      headers: {
        'Content-Type': 'text/plain'
      }
    })
  }
}

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

async function handleRequest(request) {
  try {
    // Attempt to get the response from the original site
    let response = await fetch(request)

    if (response.ok) {
      return response
    }

    throw new Error('Primary origin response not OK')
  } catch (err) {
    return new Response('The primary origin is currently unavailable. Please try again later.', {
      status: 503,
      statusText: 'Service Unavailable',
      headers: {
        'Content-Type': 'text/plain'
      }
    })
  }
}

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

async function handleRequest(request) {
  try {
    // Attempt to get the response from the original site
    let response = await fetch(request)

    if (response.ok) {
      return response
    }

    throw new Error('Primary origin response not OK')
  } catch (err) {
    return new Response('The primary origin is currently unavailable. Please try again later.', {
      status: 503,
      statusText: 'Service Unavailable',
      headers: {
        'Content-Type': 'text/plain'
      }
    })
  }
}

W

whois | API man•7/15/24, 5:33 PM

now when I send a request i get a 503

W

whois | API man•7/15/24, 5:34 PM

just like the code

W

whois | API man•7/15/24, 5:39 PM

the issue was the code