Anyone can share a link to some code, of a Pages project using a Function to construct a dynamic pag
Anyone can share a link to some code, of a Pages project using a Function to construct a dynamic page/app?
MThe examples are adding a CORS header and Doing an A/B test redirecting(modifying the request
MI'll read this tutorial meanwhile: https://developers.cloudflare.com/pages/tutorials/build-an-api-with-pages-functions/
In this tutorial, you will build a full stack Pages application. Your application will contain:
PYou 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
MI'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....
I started experimenting with leptos as the framework for the static site....
KWhat was the HTML?
Pthere 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',
},
});
let pretty = JSON.stringify([...input], null, 2);
return new Response(pretty, {
headers: {
'Content-Type': 'application/json;charset=utf-8',
},
});
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 …
MThat is hitting in the browser a function route that returns JSON.
M<pre style ... etc around the SJON (or text)>
Is added around the response my function returns
Is added around the response my function returns
KThat's just how browsers render it, rather than the actual HTTP response including HTML.
Pthe browser adds HTML to render it. try to do a fetch from the browser console, or look in the network tab
MAh, 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
Thanks
MI 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.
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.
PIs there a way to know if I'm in local mode running on the cloudflare infrastructure?
MI guiess you could add an ENV var to indicate that, of there is not one defined already
KThis - I like
define for that (https://kian.org.uk/cloudflare-workers-build-time-constants-with-wrangler/)KMiniflare used to add a global variable that you could check for but this is basically the same thing.
MAre all of these defined locally too?
https://developers.cloudflare.com/workers/wrangler/system-environment-variables/
https://developers.cloudflare.com/workers/wrangler/system-environment-variables/
Local environment variables that can change Wrangler's behavior.
KThey're for you to define on your own device that Wrangler can use
KUnrelated to Workers or Functions variables
PCan I add my own defined variables to the env file?
HLike a secret, or a regular env variable?
Peither/or?
HOh wait, this is pages. Then yeah, just put them in your .dev.vars
PIf you see my name it's always pages 
MIf 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.
KAre you on an Enterprise plan with Bot Management? If not, those req.cf options are dummy values
D1.. Using "URI Path" could be a better choice here.
But I would personally try something like "URI Path", "does not start with" and "
On the other hand, if that specific Configuration Rule is meant to be the Configuration Rule that has the effect for "
- For "URI Full", you need to have "
https://" in front of thatexample.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".
/api/" though.But I would personally try something like "URI Path", "does not start with" and "
/api/", instead of the "URI Full", according to your screenshot, assuming that you with the Configuration Rule is looking to exclude "/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/" (e.g. the opposite way around), you would need to use "starts with" instead of "does not start with".
Sstarted to see a 'Worker exceeded resource limits' today, don't understand why - it looks like it's the CPU but not sure
KHow 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/
BI have a quick question around functions. Are they reused between multiple requests? If I set a global
Logger that collects logs and then at the end of the request I do 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?
HIt may be reused, but there isn’t any guarantee
SI 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
Dhey, 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
DI 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.)
Di 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
DYou 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
KWhat does
https://<your-team-name>.cloudflareaccess.com/cdn-cgi/access/get-identity have?KShould have an
email field
Dhmmm, 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?
HYou would just write the API in JS, deploy it to Workers, then assign it to your domain
HOr well, you can write your API in another language if you want
Dand 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?
Dok @HardlyWorkin' , so i should look into Workers
Di see
