Ouch, astro takes about 100ms 😓

D

D5OP•3/20/24, 8:11 PM

Then I will use some alternative

D

D5OP•3/20/24, 8:12 PM

Meanwhile the app scales

DD5 Ouch, astro takes about 100ms 😓

H

Hello, I’m Allie!•3/20/24, 8:12 PM

That seems extremely high. What are you doing, may I ask?

HHello, I’m Allie!That seems *extremely* high. What are you doing, may I ask?

D

D5OP•3/20/24, 8:36 PM

I didn't have tested it yet, but from what I've found that's what does it take

DD5 Ouch, astro takes about 100ms 😓

I

Isaac McFadyen•3/20/24, 8:54 PM

Are you sure you're not confusing CPU and wall time?

I

Isaac McFadyen•3/20/24, 8:54 PM

100ms sounds quite high indeed.

I

Isaac McFadyen•3/20/24, 8:54 PM

?cpu-time

F

Flare•3/20/24, 8:54 PM

CPU Time: the amount of work the CPU needs to do, measured in

ms

ms

ms

ms. More CPU-heavy things will increase it (hashing passwords). This is not the same as the time a

fetch

fetch

request takes - a request might take 10 seconds but only use 1ms of CPU Time.
Wall Time: the actual amount of time a Worker runs for, as though you measured it with a clock or your browser DevTools

Iits.jcw if i want to send metrics to datadog from a high volume function, does it make s...

H

Hello, I’m Allie!•3/23/24, 6:40 PM

It wouldn't really work. Current advice is assume that the global state is nuked for every request. It can be reused over multiple requests, but it definitely isn't behavior you should rely on

Iits.jcw btw - what happens to in-flight isolates during a deploy? i assume they're allow...

H

Hello, I’m Allie!•3/23/24, 6:44 PM

They wait ~30 seconds, then are cut off.

H

Hello, I’m Allie!•3/23/24, 6:44 PM

They might get a bit longer, but that's the time you are guaranteed, barring other issues

Iits.jcw fyi, i'm trying to approximate the "worker trace event" format (https://develope...

H

Hello, I’m Allie!•3/23/24, 6:48 PM

Yup, that makes sense

Iits.jcw is it odd that there doesn't seem to be a duration captured in the worker trace ...

H

Hello, I’m Allie!•3/23/24, 6:55 PM

That might have something to do with Spectre Mitigation?

Cloudflare Docs

Security model · Cloudflare Workers docs

This article includes an overview of Cloudflare security architecture, and then addresses two frequently asked about issues: V8 bugs and Spectre.

Iits.jcw if I wanted to build (or utilize something existing) to diagnose network connect...

H

Hello, I’m Allie!•3/23/24, 7:22 PM

There is the Traceroute API which requires the Enterprise plan

Cloudflare API Documentation

Interact with Cloudflare's products and services via the Cloudflare API

H

Hello, I’m Allie!•3/23/24, 7:22 PM

Or you could do it in reverse, from your API?

H

Hello, I’m Allie!•3/23/24, 7:22 PM

Not sure how useful that is

S

Spunkie•3/24/24, 6:46 AM

Is there something obviously wrong with this function that would cause a 503/1019 error? I have a static nuxt 3 cf pages project that works until I deploy this code in a

/functions/[[catchall]].js

/functions/[[catchall]].js

/functions/[[catchall]].js

/functions/[[catchall]].js. This code logic works when deployed separately as a cf worker but not when translated to a cf pages function.

export async function onRequest(context) {
    const { request } = context;
    let url = new URL(request.url);

    // Set the hostname to the original site
    url.hostname = "example.com";
    let ogResponse = fetch(url, request);

    // Now set the hostname to the Cloudflare Pages version
    url.hostname = "test-branch.example.pages.dev";
    const cfPagesResponse = await fetch(url, request);

    // Return the Cloudflare Pages response if it's not a 404
    if (cfPagesResponse.status !== 404) {
        return cfPagesResponse;
    }

    // Otherwise, return the original site's response
    return await ogResponse;
}

export async function onRequest(context) {
    const { request } = context;
    let url = new URL(request.url);

    // Set the hostname to the original site
    url.hostname = "example.com";
    let ogResponse = fetch(url, request);

    // Now set the hostname to the Cloudflare Pages version
    url.hostname = "test-branch.example.pages.dev";
    const cfPagesResponse = await fetch(url, request);

    // Return the Cloudflare Pages response if it's not a 404
    if (cfPagesResponse.status !== 404) {
        return cfPagesResponse;
    }

    // Otherwise, return the original site's response
    return await ogResponse;
}

export async function onRequest(context) {
    const { request } = context;
    let url = new URL(request.url);

    // Set the hostname to the original site
    url.hostname = "example.com";
    let ogResponse = fetch(url, request);

    // Now set the hostname to the Cloudflare Pages version
    url.hostname = "test-branch.example.pages.dev";
    const cfPagesResponse = await fetch(url, request);

    // Return the Cloudflare Pages response if it's not a 404
    if (cfPagesResponse.status !== 404) {
        return cfPagesResponse;
    }

    // Otherwise, return the original site's response
    return await ogResponse;
}

export async function onRequest(context) {
    const { request } = context;
    let url = new URL(request.url);

    // Set the hostname to the original site
    url.hostname = "example.com";
    let ogResponse = fetch(url, request);

    // Now set the hostname to the Cloudflare Pages version
    url.hostname = "test-branch.example.pages.dev";
    const cfPagesResponse = await fetch(url, request);

    // Return the Cloudflare Pages response if it's not a 404
    if (cfPagesResponse.status !== 404) {
        return cfPagesResponse;
    }

    // Otherwise, return the original site's response
    return await ogResponse;
}

SSpunkie Is there something obviously wrong with this function that would cause a 503/101...

W

Walshy•3/24/24, 1:38 PM

Well your fetch is gonna invoke the function again... which will do another fetch and invoke again... and repeat

W

Walshy•3/24/24, 1:39 PM

I think you want

env.ASSETS.fetch

env.ASSETS.fetch

there instead which will try to request the site content
https://developers.cloudflare.com/pages/functions/api-reference/#envassetsfetch

Cloudflare Docs

API reference · Cloudflare Pages docs

Learn about the APIs used within Pages Functions.

H

heftymouse•3/25/24, 7:37 AM

does middleware count towards your functions quota?

H

heftymouse•3/25/24, 4:39 PM

additionally, can i only run middleware on some static files? i'd like it to run before my actual pages get served but not static assets

H

heftymouse•3/25/24, 4:41 PM

the documentation just mentions

functions/_middleware.ts

functions/_middleware.ts

functions/_middleware.ts

functions/_middleware.ts for 'all requests, including in front of static files', can't tell if there's any granularity for static files

Hheftymouse does middleware count towards your functions quota?

J

James•3/25/24, 8:20 PM

yes, if the function is invoked, it will count towards quota

Hheftymouse the documentation just mentions `functions/_middleware.ts` for 'all requests, in...

J

James•3/25/24, 8:20 PM

you could manually specify which routes it runs on with

_routes

_routes

if you wanted: https://developers.cloudflare.com/pages/functions/routing/#create-a-_routesjson-file

JJames you could manually specify which routes it runs on with `_routes` if you wanted:...

H

heftymouse•3/26/24, 1:09 AM

excellent, thank you

H

heftymouse•3/26/24, 1:12 AM

in that case i won't have to worry about the quota

M

Me•3/27/24, 6:47 AM

I can't seem to figure out from the documentation, but is it possible to prevent a Pages Function from being called from anywhere other than the Page itself? I'm fairly new to web development so I'm not sure if this is a config thing outside of code or something I have to set up in the code of the Pages Function itself

MMe I can't seem to figure out from the documentation, but is it possible to prevent...

H

Hello, I’m Allie!•3/27/24, 9:05 AM

Not really. While you can use CORS to prevent other websites from calling your Functions, that only works in browsers that respect CORS. Not to mention tools like

curl

curl

curl

curl, or anything that can make HTTP calls. They can be made to respect CORS, but by default do not

H

Hello, I’m Allie!•3/27/24, 9:05 AM

You could also block based on the origin header, but that doesn't preclude someone from setting that header too

HHello, I’m Allie!Not really. While you can use CORS to prevent other websites from calling your F...

M

Me•3/27/24, 12:58 PM

A visitor to the site would be able to see any requests the page makes to a function so I couldn’t use some sort of fixed authentication header right? Maybe a dynamically generated token based off a private key would work

MMe A visitor to the site would be able to see any requests the page makes to a func...

H

Hello, I’m Allie!•3/27/24, 1:29 PM

Your private key would still be present in the source though no? Or at least the token

HHello, I’m Allie!Your private key would still be present in the source though no? Or at least the...

M

Me•3/27/24, 1:42 PM

Oh right…

C

Cretezy•3/29/24, 6:17 PM

Hi! Is there a way to use cron with Pages+Functions?

J

James•3/29/24, 6:31 PM

There is not, sadly. You’ll have to use a normal Worker for that

G

GGLVXD•3/29/24, 8:07 PM

if i reach the requests limit will my functions just not work or my whole pages website will go down?

GGGLVXD if i reach the requests limit will my functions just not work or my whole pages ...

C

Chaika•3/31/24, 2:26 AM

Depends what your functions do (are they just middleware/stuff running in front of static assets)? and your Request Limit failure mode under Settings -> Functions

D

Dally•3/31/24, 3:05 PM

Hey guys, quick question. I'm using Pages to deploy my site in advanced mode, that is with _worker.js file. Currently my framework builds the site with _worker.js directory, meaning that it is not bundled. Does Pages deployment do any bundling before the worker is deployed, or do I have to bundle it myself? Thanks!

D

Dally•3/31/24, 3:05 PM

I googled and only found this: https://community.cloudflare.com/t/refactor-a-worker-to-a-pages-function-problem/536838 when one user mentions this, so I want to be just sure

When using advanced mode, you need to bundle the worker—Cloudflare Pages build system doesn’t handle the bundling (if I recall correctly.)

D

Dally•3/31/24, 3:22 PM

So I may have confirmed this myself, there is no bundling step done automatically. Please correct me if i'm wrong.

N

n0xQuZe•4/1/24, 6:08 PM

Hello everyone, just joined!
Trying to forward my pages app form submissions to an email, do need just a custom domain or do i need to buy some email hosting or something? Total noob when it comed to this stuff

A

Adam Wolf•4/1/24, 6:53 PM

can I use a function/middleware to capture the referer header for anything that 404s on a Cloudflare Pages site?

Nn0xQuZe Hello everyone, just joined! Trying to forward my pages app form submissions to...

S

schkovich•4/1/24, 10:01 PM

Perhaps MailChannels Pages Plugin might help https://developers.cloudflare.com/pages/functions/plugins/mailchannels/

Cloudflare Docs

MailChannels · Cloudflare Pages docs

The MailChannels Pages Plugin intercepts all form submissions made which have the data-static-form-name attribute set. Then, it emails these form …

T

Tincan•4/2/24, 9:36 AM

I have a service worker and I'm getting in a bit of a muddle trying to pass it some data. Hopefully just being blind but can anyone just point out what I'm missing. Context (or request when destructured out) doesn't contain the data I'm trying to send

 //service worker
     const body = JSON.stringify({
        eventData: event.data,
        shown: true,
      })

      fetch(`http://127.0.0.1:8788/cf/log-notification`, {
        method: "POST",
        "Content-Type": "application/json",
        body: body,
      })

 //service worker
     const body = JSON.stringify({
        eventData: event.data,
        shown: true,
      })

      fetch(`http://127.0.0.1:8788/cf/log-notification`, {
        method: "POST",
        "Content-Type": "application/json",
        body: body,
      })

 //service worker
     const body = JSON.stringify({
        eventData: event.data,
        shown: true,
      })

      fetch(`http://127.0.0.1:8788/cf/log-notification`, {
        method: "POST",
        "Content-Type": "application/json",
        body: body,
      })

 //service worker
     const body = JSON.stringify({
        eventData: event.data,
        shown: true,
      })

      fetch(`http://127.0.0.1:8788/cf/log-notification`, {
        method: "POST",
        "Content-Type": "application/json",
        body: body,
      })

 // In CF function.
export async function onRequestPost(context) {
  console.log(context)

 // In CF function.
export async function onRequestPost(context) {
  console.log(context)

 // In CF function.
export async function onRequestPost(context) {
  console.log(context)

 // In CF function.
export async function onRequestPost(context) {
  console.log(context)

Similar Threads

Similar Threads

Similar Threads