I'm going with the first, and functions as the Json API. Initially the function response was wrapped

I'm going with the first, and functions as the Json API. Initially the function response was wrapped in some html I couldn't remove. I imagine that can be fixed, but this is a better way I think

I started experimenting with leptos as the framework for the static site....

kian•1/24/24, 7:46 AM

What was the HTML?

Mmackenzie I'm going with the first, and functions as the Json API. Initially the function ...

Paolo•1/24/24, 10:00 AM

there are examples also here: https://developers.cloudflare.com/pages/tutorials/forms/
let pretty = JSON.stringify([...input], null, 2);
return new Response(pretty, {
headers: {
'Content-Type': 'application/json;charset=utf-8',
},
});

Create an HTML form · Cloudflare Pages docs

In this tutorial, you will create a simple using plain HTML and CSS and deploy it to Cloudflare Pages. While doing so, you will learn about some of …

mackenzieOP•1/24/24, 10:32 AM

That is hitting in the browser a function route that returns JSON.

Screenshot_2024-01-24_at_11.31.17_AM.png

mackenzieOP•1/24/24, 10:33 AM

<pre style ... etc around the SJON (or text)>

Is added around the response my function returns

kian•1/24/24, 10:34 AM

That's just how browsers render it, rather than the actual HTTP response including HTML.

Mmackenzie <pre style ... etc around the SJON (or text)> Is added around the response my ...

Paolo•1/24/24, 10:58 AM

the browser adds HTML to render it. try to do a fetch from the browser console, or look in the network tab

mackenzieOP•1/24/24, 11:05 AM

Ah, OK. I won't bother right now to be honest, as I will go with the framework and functions for API methods approach, but good to know - in case I need to do a html-returning fucntion in the future.

Thanks

mackenzieOP•1/24/24, 11:49 AM

I checked in Network tab, you are right, it's the browser adding that HTML around the response.
Not sure what it needs to detect in the response to not add it (doctype? valid html didn't seem to do it...)...but will not pursue this path right now.

Paolo•1/25/24, 10:02 AM

Is there a way to know if I'm in local mode running on the cloudflare infrastructure?

mackenzieOP•1/25/24, 10:55 AM

I guiess you could add an ENV var to indicate that, of there is not one defined already

Mmackenzie I guiess you could add an ENV var to indicate that, of there is not one defined ...

kian•1/25/24, 10:56 AM

This - I like definedefine for that (https://kian.org.uk/cloudflare-workers-build-time-constants-with-wrangler/)

kian•1/25/24, 10:56 AM

Miniflare used to add a global variable that you could check for but this is basically the same thing.

mackenzieOP•1/25/24, 10:56 AM

Are all of these defined locally too?
https://developers.cloudflare.com/workers/wrangler/system-environment-variables/

System environment variables · Cloudflare Workers docs

Local environment variables that can change Wrangler's behavior.

kian•1/25/24, 10:57 AM

They're for you to define on your own device that Wrangler can use

kian•1/25/24, 10:57 AM

Unrelated to Workers or Functions variables

Paolo•1/25/24, 3:32 PM

Can I add my own defined variables to the env file?

PPaolo Can I add my own defined variables to the env file?

Hello, I’m Allie!•1/25/24, 4:12 PM

Like a secret, or a regular env variable?

Paolo•1/25/24, 4:12 PM

either/or?

PPaolo either/or?

Hello, I’m Allie!•1/25/24, 4:14 PM

Oh wait, this is pages. Then yeah, just put them in your .dev.vars

HHello, I’m Allie!Oh wait, this is pages. Then yeah, just put them in your .dev.vars

Paolo•1/25/24, 4:39 PM

If you see my name it's always pages

Mongy•1/25/24, 11:03 PM

If I made a function in a pages app using nextjs to query a D1 instance, how would I call the function? Would I just export it like a regular function or would I have to fetch the endpoint.

Bbverhagen Hi everyone, for my pages website, I added a function to handle form submissions...

kian•1/26/24, 12:28 AM

Are you on an Enterprise plan with Bot Management? If not, those req.cf options are dummy values

VViper Does anyone know how can I disable CF protection from my API and just keep it on...

DarkDeviL•1/26/24, 6:10 AM

1.. Using "URI Path" could be a better choice here.

For "URI Full", you need to have "https://https://" in front of that example.comexample.com, exactly as it shows it says in the example below the input field.
I'm under the impression that you CANNOT do asterisk/wildcards, and that the trailing "**" therefore is useless, and that the "URI Full" will never be functional, according to your example.
"does not equal" would, considering the two ones above, require an exact match. Perhaps you also need to change "does not equal" to e.g. "does not start with".

It depends on what and how much you eventually require below "/api//api/" though.

But I would personally try something like "URI Path", "does not start with" and "/api//api/", instead of the "URI Full", according to your screenshot, assuming that you with the Configuration Rule is looking to exclude "/api//api/" from the normal effect of the given Configuration Rule.

On the other hand, if that specific Configuration Rule is meant to be the Configuration Rule that has the effect for "/api//api/" (e.g. the opposite way around), you would need to use "starts with" instead of "does not start with".

scotto•1/26/24, 2:45 PM

started to see a 'Worker exceeded resource limits' today, don't understand why - it looks like it's the CPU but not sure

Bbverhagen No, I am not an enterprise user. I read somewhere the things you said, but it wa...

kian•1/26/24, 3:34 PM

How does this prevent a bot from doing a direct POST to my endpoint?

Your endpoint sends the widget response from Turnstile to the siteverify endpoint to validate it is valid and the user passed the challenge.

https://developers.cloudflare.com/turnstile/get-started/server-side-validation/

boywonder350•1/26/24, 4:35 PM

I have a quick question around functions. Are they reused between multiple requests? If I set a global LoggerLogger that collects logs and then at the end of the request I do ctx.waitUntil(logger.flush())ctx.waitUntil(logger.flush()) will another global Logger be re-created on the next request or can the same instance be reused with another request?

Bboywonder350 I have a quick question around functions. Are they reused between multiple reque...

Hello, I’m Allie!•1/26/24, 5:28 PM

It may be reused, but there isn’t any guarantee

spaone•1/26/24, 9:12 PM

I have a site where I want to use functions to store information from a form into a database, where should I look to learn how to do this

dev.Mohamed•1/27/24, 4:44 PM

hey, i'm new to cloudflare and i'm trying to create a project with next.js and cloudflare by using the command in the documentation ( npm create cloudflare@latest -- --framework=next ) after that i need to use cloudflare API routes not next API routes, how to do that

dev.Mohamed•1/27/24, 4:45 PM

I made a functions directory and wrangler.toml in the root, but when i'm trying to run the localhost development it gives me an error (Must specify a directory of static assets to serve or a command to run or a proxy port.)

dev.Mohamed•1/27/24, 4:46 PM

i kbow it's a basis question but i need someone to help me know how to implement and use cloudflare API routes in next.js application

Ddev.Mohamed I made a functions directory and wrangler.toml in the root, but when i'm trying...

Deo Kumar•1/27/24, 7:16 PM

You can only use it when you are doing a static build of your application. For server side components and next js api routes, you need to build it using next-on-pages cli

Original message was deleted

kian•1/28/24, 1:29 PM

What does https://<your-team-name>.cloudflareaccess.com/cdn-cgi/access/get-identityhttps://<your-team-name>.cloudflareaccess.com/cdn-cgi/access/get-identity have?

kian•1/28/24, 1:30 PM

Should have an emailemail field

Deep•1/28/24, 10:59 PM

hmmm, coming from AWS. how would i create an api for my application on CF? i was assuming i would see an API Gateway in my dashboard for my site... but API GW is only for enterprise customers?

DDeep hmmm, coming from AWS. how would i create an api for my application on CF? i w...

Hello, I’m Allie!•1/28/24, 10:59 PM

You would just write the API in JS, deploy it to Workers, then assign it to your domain

Hello, I’m Allie!•1/28/24, 11:00 PM

Or well, you can write your API in another language if you want

Deep•1/28/24, 11:00 PM

and a little reading it seems you can assemble an API through this? - create a DNS for your api.domainX.com - create a Pages Function or Worker - assign a routing for that / those functions?

DDeep and a little reading it seems you can assemble an API through this? - create a ...

Hello, I’m Allie!•1/28/24, 11:00 PM

Yes

Deep•1/28/24, 11:00 PM

ok @HardlyWorkin' , so i should look into Workers

Deep•1/28/24, 11:01 PM

i see

Deep•1/28/24, 11:01 PM

thanks!!

Deep•1/28/24, 11:01 PM

what's the high(est) level difference between using a Function or a Pages Function for my API middleware code?

Deep•1/28/24, 11:02 PM

er i'm sorry, a Worker*

DDeep what's the high(est) level difference between using a Function or a Pages Functi...

Hello, I’m Allie!•1/28/24, 11:02 PM

A Worker and a Function?

I'm going with the first, and functions as the Json API. Initially the function response was wrapped

Similar Threads

Similar Threads

Similar Threads