Is there any way to debug the page function? I can not find a solution

S

savtrip•12/21/23, 10:33 AM

Hey guys, I am migrating websites to cloudflare that utilise the same API keys, for example for a transactional email service. Is there a way to set an API key across multiple projects just like Netlify does with global environment variables? Without global environment variables if a key expires for any reason I need to go and set it on up to 50 separate websites.

RRenderCoder Is there any way to debug the page function? I can not find a solution

S

savtrip•12/21/23, 10:36 AM

I am utilising wrangler to test and debug my functions locally:

npx wrangler pages dev -- SERVER COMMAND

npx wrangler pages dev -- SERVER COMMAND

npx wrangler pages dev -- SERVER COMMAND

npx wrangler pages dev -- SERVER COMMAND . You are also able to get the logs of your functions by pressing "d".

Ssavtrip Hey guys, I am migrating websites to cloudflare that utilise the same API keys, ...

A

Altrius•12/21/23, 11:06 AM

you could maybe use KV, but maybe encrypt it first, just to be safe

AAltrius you could maybe use KV, but maybe encrypt it first, just to be safe

S

savtrip•12/21/23, 11:11 AM

Yeah I was thinking that, seems like it will cause other types of maintenance nightmares though, thank you for the suggestion, very much appreciate it.

Ssavtrip I am utilising wrangler to test and debug my functions locally: `npx wrangler pa...

R

RenderCoderOP•12/21/23, 4:43 PM

It seems that this method cannot be debugged with breakpoints, right? I saw the workers document, it has some breakpoints method support, but not work for cloudflare page functions...

M

Michael Feher•12/22/23, 2:00 AM

Having trouble getting a

_worker

_worker

_worker

_worker file to configured with wrangler

v3.22.1

v3.22.1

v3.22.1

v3.22.1. Tested with a fresh

npm create cloudflare@latest

npm create cloudflare@latest

npm create cloudflare@latest

npm create cloudflare@latest install with

svelte

svelte

svelte

svelte . Picked both the TypeScript and JavaScript versions but neither are working

export default {
    async fetch(request, env) {
        const url = new URL(request.url);
        if (url.pathname.startsWith('/api/')) {
            return new Response('Ok');
        }
        return env.ASSETS.fetch(request);
    }
};

export default {
    async fetch(request, env) {
        const url = new URL(request.url);
        if (url.pathname.startsWith('/api/')) {
            return new Response('Ok');
        }
        return env.ASSETS.fetch(request);
    }
};

export default {
    async fetch(request, env) {
        const url = new URL(request.url);
        if (url.pathname.startsWith('/api/')) {
            return new Response('Ok');
        }
        return env.ASSETS.fetch(request);
    }
};

export default {
    async fetch(request, env) {
        const url = new URL(request.url);
        if (url.pathname.startsWith('/api/')) {
            return new Response('Ok');
        }
        return env.ASSETS.fetch(request);
    }
};

ز

زين•12/22/23, 9:40 AM

im trying to run my express js discord bot dashboard but i have been told to use functions instead, what do i do to get started?

ز

زين•12/22/23, 10:40 AM

anyone??

K

kian•12/22/23, 10:52 AM

Have you looked at https://developers.cloudflare.com/pages/functions/get-started/?

Kkian Have you looked at <https://developers.cloudflare.com/pages/functions/get-starte...

ز

زين•12/22/23, 10:57 AM

didnt really know how to use it

Kkian Have you looked at <https://developers.cloudflare.com/pages/functions/get-starte...

ز

زين•12/22/23, 11:04 AM

so i made a function folder and made a hellowrold(typo ik) and pushed changes ect... but when i go to domain/hellowrold nothing there

ز

زين•12/22/23, 11:04 AM

This tryhard.pages.dev page can’t be foundNo webpage was found for the web address: https://tryhard.pages.dev/hellowrold

ز

زين•12/22/23, 11:07 AM

so??

ز

زين•12/22/23, 11:24 AM

@kian ?

ز

زين•12/22/23, 11:43 AM

@Erisa | Support Engineer am i allowed to ping community chapion role for this type of help?

E

Erisa•12/22/23, 11:46 AM

No

E

Erisa•12/22/23, 11:47 AM

Please do not ping anyone for help, this is a volunteer community and people will help as and when they are available to

EErisa Please do not ping anyone for help, this is a volunteer community and people wil...

ز

زين•12/22/23, 11:54 AM

ok thank you

ز

زين•12/22/23, 7:42 PM

...

Ssavtrip Hey guys, I am migrating websites to cloudflare that utilise the same API keys, ...

A

Ashley•12/24/23, 11:44 PM

Not sure where it’s at / if it’s in beta yet, but https://blog.cloudflare.com/secrets-store is what you want when it’s available I think

The Cloudflare Blog

Announcing Cloudflare Secrets Store

Introducing Secrets Store by Cloudflare - the ultimate solution for managing your application secrets securely. Safeguard sensitive information, track access, and maintain ease of use.

AAshley Not sure where it’s at / if it’s in beta yet, but https://blog.cloudflare.com/se...

S

savtrip•12/25/23, 11:40 PM

@ScaredOfMyRawr thanks for that, exactly what I’m looking for, appreciate you linking it

Bbondero I got a `_middleware.js` auth function catching requests that don't have an auth...

I

Isaac McFadyen•12/27/23, 9:54 PM

So the reason this occurs is because _middleware.js runs on the server, and the server has no way to know the domain in this case.

I

Isaac McFadyen•12/27/23, 9:55 PM

You'll need to provide an absolute path somehow. If you don't want to hardcode the value in I'd recommend using environment variables (https://developers.cloudflare.com/pages/functions/bindings/#environment-variables).

Bbondero envvars is another way of hardcoding, i'd like to possibly derive from existing ...

J

James•12/27/23, 10:19 PM

You can pass a base URL to

new URL

new URL

new URL

new URL as the second parameter, so you could do something like:

const redirectURL = new URL('/login/', 'https://example.com');
return Response.redirect(redirectURL.toString());

const redirectURL = new URL('/login/', 'https://example.com');
return Response.redirect(redirectURL.toString());

const redirectURL = new URL('/login/', 'https://example.com');
return Response.redirect(redirectURL.toString());

const redirectURL = new URL('/login/', 'https://example.com');
return Response.redirect(redirectURL.toString());

J

James•12/27/23, 10:20 PM

You might want to do a

new URL(context.request.url)

new URL(context.request.url)

new URL(context.request.url)

new URL(context.request.url), and then pass the

.hostname

.hostname

.hostname

.hostname of that into that new constructor, or just override its

.pathname

.pathname

.pathname

.pathname etc. to construct your redirect URL

J

James•12/27/23, 10:21 PM

Relative URLs are technically permitted nowadays too in the

location

location

location

location header, so perhaps even this could work (untested):

return new Response(null, {
    status: 302,
    headers: {
        location: '/login/',
    }
});

return new Response(null, {
    status: 302,
    headers: {
        location: '/login/',
    }
});

return new Response(null, {
    status: 302,
    headers: {
        location: '/login/',
    }
});

return new Response(null, {
    status: 302,
    headers: {
        location: '/login/',
    }
});

J

James•12/27/23, 10:29 PM

you're hard-coding the length to

12

12, which will likely break depending on your domain

J

James•12/27/23, 10:29 PM

I would recommend one of the solutions I pasted above which should be way more stable

A

Akash•12/28/23, 3:50 AM

If we terminate a request in a functions middleware before it hits any function, is it going to be counted as a billable invocation?

J

James•12/28/23, 4:19 AM

If a worker is spun up to run your code, you’ll be billed (under the hood Functions uses Workers). I guess if you terminate the request early enough before it’s made a connection and the worker is spun up, you’d avoid an invocation

U

Unsmart•12/28/23, 5:23 AM

Middleware is run in the worker though isn’t it

U

Unsmart•12/28/23, 5:24 AM

So it would count as an invocation

A

Akash•12/28/23, 6:02 AM

that is my understanding as well but wanted a confirmation. I am trying to figure out a way to avoid invocation by bots and other malicious actors so that it does not consume worker quota. WAF seems to be the first line of defense in such cases but not sure if it can keep all such actors away from consuming your paid (compute) infrastructure.

I

Isaac McFadyen•12/28/23, 1:02 PM

Yes, middleware is run in the Worker as well so you'll be billed.

AAkash that is my understanding as well but wanted a confirmation. I am trying to figur...

S

subscriptions•12/28/23, 1:29 PM

I'm also looking for this, is there a way to cache the worker output somewhere which does not cost for invocation on further calls?

Kkingmesal I have an `await` on my call to the worker binding

S

schkovich•12/29/23, 2:24 AM

did you resolve it?

i have the same problem

K

kian•12/29/23, 2:24 AM

If you mean that your Service Binding subrequests are showing

canceled

canceled

canceled

canceled, make sure you read the response body (even if you don't need it).

Kkian If you mean that your Service Binding subrequests are showing `canceled`, make s...

S

schkovich•12/29/23, 2:35 AM

thank you! it makes sense, but it would not cross my mind anytime soon.

Sschkovich did you resolve it? 🤔 i have the same problem 😄

K

kingmesal•12/29/23, 1:52 PM

Still get the cancelled message... But we'll try that new suggestion...

Kkingmesal Still get the cancelled message... But we'll try that new suggestion...

S

schkovich•12/29/23, 2:22 PM

I couldn't find such a restriction in fetch API. Most likely, this behaviour is cloudflare

undocumented implementation detail. Like providing dummy properly formatted URI in fetch request to desired Service Binding. Nevertheless, @kian suggestion worked.

T

Tudders•12/30/23, 1:52 AM

Hey all - wondering if anyone has gotten the openAI includes to work in functions ala -> https://developers.cloudflare.com/workers/tutorials/openai-function-calls-workers/ ?

My build is erroring out looking for the packages -> utils/chatGPT.js:6:24: ERROR: No matching export in "../node_modules/openai/index.mjs" for import "OpenAIApi" ...

SOLVED blobyes

OpenAI GPT function calling with JavaScript and Cloudflare Workers ...

All of the tutorials assume you have already completed the Get started guide, which gets you set up with a Cloudflare Workers account, C3 , and …

E

Esteban 🇨🇺•1/2/24, 6:11 PM

Anyone want to chime in why this Pages Function works with GET but with POST it returns CORS errors.

function generateUUID() {
  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
    var r = (Math.random() * 16) | 0,
      v = c == 'x' ? r : (r & 0x3) | 0x8;
    return v.toString(16);
  });
}

export async function onRequest(ctx) {

  const response = Response.json({ response: { session: generateUUID() } });
  
  response.headers.set('Access-Control-Allow-Origin', '*');
  
  return response;

}

function generateUUID() {
  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
    var r = (Math.random() * 16) | 0,
      v = c == 'x' ? r : (r & 0x3) | 0x8;
    return v.toString(16);
  });
}

export async function onRequest(ctx) {

  const response = Response.json({ response: { session: generateUUID() } });
  
  response.headers.set('Access-Control-Allow-Origin', '*');
  
  return response;

}

function generateUUID() {
  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
    var r = (Math.random() * 16) | 0,
      v = c == 'x' ? r : (r & 0x3) | 0x8;
    return v.toString(16);
  });
}

export async function onRequest(ctx) {

  const response = Response.json({ response: { session: generateUUID() } });
  
  response.headers.set('Access-Control-Allow-Origin', '*');
  
  return response;

}

function generateUUID() {
  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
    var r = (Math.random() * 16) | 0,
      v = c == 'x' ? r : (r & 0x3) | 0x8;
    return v.toString(16);
  });
}

export async function onRequest(ctx) {

  const response = Response.json({ response: { session: generateUUID() } });
  
  response.headers.set('Access-Control-Allow-Origin', '*');
  
  return response;

}

E

Esteban 🇨🇺•1/2/24, 6:30 PM

~~I'm somewhat certain this is not a traditional Browser CORS issue. Instead it's an issue of Cloudflare arbitrarily re-imagining how CORS is configured on their platform.~~

I eagerly await support, as no Googling or ChatGPT is helpful here.

Is there any way to debug the page function? I can not find a solution

Similar Threads