I see that I can develop locally but connect to remote KV using: `To have wrangler dev connect to yo

I see that I can develop locally but connect to remote KV using:
`To have wrangler dev connect to your Workers KV namespace running on Cloudflare’s global network, call wrangler dev --remote instead."

can I do the same somehow with Pages, where I have a function that reads from KV and I'd like to read from remote KV store.

I tried to combine "--remote" with "wrangler pages dev output_dir" to get
"wrangler pages dev --remote output_dir" but doesn't seem to be supported with "pages"?

Mmackenzie I see that I can develop locally but connect to remote KV using: `To have wrangl...

Hello, I’m Allie!•1/23/24, 12:00 PM

pages devpages dev does not yet have support for remote mode, no.

mackenzieOP•1/23/24, 12:02 PM

Can I somehow write to the local KV from wrangler using kv:key put etc? So I can create some specific local content without doing it all thru workers etc?

mackenzieOP•1/23/24, 12:05 PM

(maybe a question for #kv ?)

Mmackenzie Can I somehow write to the local KV from wrangler using kv:key put etc? So I can...

Hello, I’m Allie!•1/23/24, 12:06 PM

You should be able to

mackenzieOP•1/23/24, 12:10 PM

it seems to default to --remote, as I see using "wrangler kv:key get --binding=DEVICE_STATUS" it fetches from remote.... not sure what ninding to supply or how to invoke local KV....

mackenzieOP•1/23/24, 12:10 PM

it has a --preview flag....

mackenzieOP•1/23/24, 12:10 PM

maybe is lacking a "--local" flag?

mackenzieOP•1/23/24, 12:11 PM

ah sorry!

mackenzieOP•1/23/24, 12:11 PM

let me try --local

mackenzieOP•1/23/24, 12:11 PM

Success! Using with "--local" is the key!
Thanks!

Mmackenzie it seems to default to --remote, as I see using "wrangler kv:key get --binding=D...

Hello, I’m Allie!•1/23/24, 12:14 PM

Oh yeah, sorry. Should have pointed that out... :derp:

mackenzieOP•1/23/24, 2:36 PM

Anyone can share a link to some code, of a Pages project using a Function to construct a dynamic page/app?

mackenzieOP•1/23/24, 2:37 PM

The examples are adding a CORS header and Doing an A/B test redirecting(modifying the request

mackenzieOP•1/23/24, 2:38 PM

I'll read this tutorial meanwhile: https://developers.cloudflare.com/pages/tutorials/build-an-api-with-pages-functions/

Build an API for your front end using Pages Functions · Cloudflare ...

In this tutorial, you will build a full stack Pages application. Your application will contain:

Mmackenzie Anyone can share a link to some code, of a Pages project using a Function to con...

Paolo•1/24/24, 4:28 AM

You can either set up static assets and do some API calls to functions and render the data client-side or use functions to return the html you need

mackenzieOP•1/24/24, 7:39 AM

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

define

define

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.com
```
```
example.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

Logger

Logger

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

I see that I can develop locally but connect to remote KV using: `To have wrangler dev connect to yo

Similar Threads

Similar Threads

Similar Threads