you need to make a "pages function" to do that, and then call that function from the cloudflare page

you need to make a "pages function" to do that, and then call that function from the cloudflare page, e.g. some javascript running on your page. the function is essentially just a regular cloudflare worker that happens to be "inside" your pages project

AAvi you need to make a "pages function" to do that, and then call that function from...

tcurdt•10/5/23, 8:36 AM

I just haven't found a complete example for this. It seems like the docs only present small bits of the puzzle. At least I haven't found a full example yet.

Ttcurdt I just haven't found a complete example for this. It seems like the docs only pr...

Hello, I’m Allie!•10/5/23, 8:38 AM

Functions Bindings

Bindings · Cloudflare Pages docs

A binding enables your Pages Functions to interact with resources on the Cloudflare developer platform. Use bindings to integrate your Pages Functions …

Hello, I’m Allie!•10/5/23, 8:38 AM

One for KV, D1, AI, R2, Service Bindings, Queues, Analytics Engine, Secrets, and Variables

tcurdt•10/5/23, 8:49 AM

Thanks for the pointer. But where is the part that calls

export async function onRequest(context)

export async function onRequest(context)

and uses the value? Does is always act like a middleware? Would I need to route this manually like in https://developers.cloudflare.com/pages/platform/functions/examples/ab-testing/ ?

Ttcurdt Thanks for the pointer. But where is the part that calls `export async function ...

AviOP•10/5/23, 4:02 PM

that’s called automatically whenever a request comes in, as the name suggests. it’s a bit magical but it’s not really any different than how regular workers work

RRich The Page Functions Advanced Mode (_worker.js) docs says: > Your Function is req...

Rich•10/5/23, 4:05 PM

For anybody else that's interested, after some further investigation, I can confirm that these docs are incorrect. If you deploy

_routes.json

_routes.json

, even when using advanced mode (

_worker.js

_worker.js

), you do not need to serve static assets using

env.ASSETS.fetch

env.ASSETS.fetch

-- it's done for you.

AAvi that’s called automatically whenever a request comes in, as the name suggests. i...

tcurdt•10/5/23, 4:53 PM

Yeah, that's clear. It acts like a middleware. But I am confused whether every function needs to act as middleware.

Which means that a possible routing has to happen inside the functions as well. Not all requests of the whole site necessarily have to be piped through that request handler. Let's say you have a site that just wants to make a certain db query on a certain page. Example:

export async function onRequest({ request, next, env }) {
  const url = new URL(request.url)
  if (url.pathname === "/foo") {
    return new Response("foo")
  }
  if (url.pathname === "/far") {
    return new Response("bar")
  }
  return next()
}

export async function onRequest({ request, next, env }) {
  const url = new URL(request.url)
  if (url.pathname === "/foo") {
    return new Response("foo")
  }
  if (url.pathname === "/far") {
    return new Response("bar")
  }
  return next()
}

kian•10/5/23, 5:00 PM

All of the

onRequest

onRequest

syntax is specific to Functions file-based routing, so whilst you could have a middleware that does routing based on the request URL, you'd rather do

functions/foo.ts

functions/foo.ts

and

functions/bar.ts

functions/bar.ts

kian•10/5/23, 5:01 PM

next()

next()

just falls through to the asset server if it isn't a middleware.

MonkRow•10/5/23, 5:20 PM

Can I use cloudflare to host videos in addition to a pages website?

MMonkRow Can I use cloudflare to host videos in addition to a pages website?

AviOP•10/5/23, 5:21 PM

https://www.cloudflare.com/lp/pg-stream-single-platform/

Cloudflare

Cloudflare Stream | Serverless live and on-demand video streaming |...

Cloudflare Stream is an affordable, scalable, on-demand video platform offering video encoding, storage, delivery, and playback in a single unified platform. It offers comprehensive APIs for developers that want to spend less time integrating and managing different video solutions and more time building their product.

MonkRow•10/5/23, 5:21 PM

If I sign up for pages, can I use the same account for stream?

Samer•10/5/23, 5:34 PM

in my cloudflare pages he is adding slash ' / ' in link how to solve this

in my loclhost link be like here : https://example-ciw.pages.dev/en-US/

but in cloudflare like this : https://example-ciw.pages.dev/en-US//
can someone hlep me to solve this

MonkRow•10/5/23, 5:35 PM

Don't quote me on this, but don't browsers automatically add a forward slash at the end?

Samer•10/5/23, 5:37 PM

yes browsers automatically add a forward slash at the end

Samer•10/5/23, 5:40 PM

can hlep me to solve this

MonkRow•10/5/23, 5:40 PM

I don't get why using github is encouraged when github also has pages to it.

Samer•10/5/23, 5:42 PM

I don't know , i am try to vercel in vercel no any problem but in cloudflare i have this problem

SSamer in my cloudflare pages he is adding slash ' / ' in link how to solve this in my...

Cyb3r-Jak3•10/5/23, 5:43 PM

Please don’t post your question in multiple channels as it can lead to confusion. I’ve removed from all except this one.

Samer•10/5/23, 5:45 PM

ok , i am sorry ,

CCyb3r-Jak3 Please don’t post your question in multiple channels as it can lead to confusion...

Samer•10/5/23, 5:46 PM

Do you have any solutions? for this problem ?

Samer•10/5/23, 5:57 PM

can i here solve the problem ?

Cyb3r-Jak3•10/5/23, 6:26 PM

Are you using a framework for your site? That can cause issues as they can add a slash

Samer•10/5/23, 6:27 PM

i am using next js

Samer•10/5/23, 6:28 PM

in my loclhost wroked goodd , no any problem but when i pushed to cloudflare , i have one problem add a slash , i don't know how to solve this

Cyb3r-Jak3•10/5/23, 6:31 PM

Do you have something like this in your config https://nextjs.org/docs/app/api-reference/next-config-js/trailingSlash

next.config.js Options: trailingSlash

Configure Next.js pages to resolve with or without a trailing slash.

Samer•10/5/23, 6:34 PM

no , i dont have this

Samer•10/5/23, 6:38 PM

should to add this?

Elliot Hesp•10/6/23, 3:23 PM

Hey all,

If my pages functions threw an error, how am I supposed to view what the error was?

Pages doesn't support log push, so unless I leave it streaming logs they seemingly go into the void? My application didn't even recieve the request (or it broke somewhere before it gets to my logging) so really confused as to what the issue is

Elliot Hesp•10/6/23, 3:24 PM

It's almost as if Pages itself had an issue, since everything is seemingly back to normal :/

Elliot Hesp•10/6/23, 3:26 PM

I've also had customers reporting API endpoints which should return JSON returned HTML (assuming a cloudflare error page)

! XenoXzOFF ×͜×•10/6/23, 4:40 PM

No Access

Unsmart•10/6/23, 7:56 PM

__dirname

__dirname

is not usable on pages you should ensure you are building with the correct params for cloudflare pages.

Rodri•10/7/23, 10:46 AM

Hi there. Any advantage on using Wrangler v3 (https://github.com/cloudflare/pages-action#wrangler-v3) when deploying a Hugo site with CFP?

EElliot Hesp I've also had customers reporting API endpoints which should return JSON returne...

simpson•10/7/23, 10:56 AM

Ya we are getting lots of strange reports, I really wish we had waited a little longer before making the switch over so we wouldn’t be frustrating our users

Ssimpson Ya we are getting lots of strange reports, I really wish we had waited a little ...

Elliot Hesp•10/7/23, 11:19 AM

They just need a logpush solution

GetPsyched•10/8/23, 4:22 PM

Continuing from functions
Though, can't I install the

prince

prince

binary at build time and potentially execute that during runtime

cc @Hello, I’m Allie!

Erisa•10/8/23, 4:22 PM

you cannot

GetPsyched•10/8/23, 4:25 PM

billy•10/8/23, 4:42 PM

~~heya, is there a way to list every file contained in a file on cloudflare pages at all?~~ nvm, seen this :^( https://discord.com/channels/595317990191398933/789155108529111069/1149669446277939240

Tech Point Official•10/8/23, 8:55 PM

Hi Team,

I am facing below mentioned error in " Workers and Pages Section "

API Request Failed: GET /api/v4/accounts/
    /pages/metrics (503)

API Request Failed: GET /api/v4/accounts/
    /pages/metrics (503)

TTech Point Official Hi Team, I am facing below mentioned error in " Workers and Pages Section " ...

Tech Point Official•10/8/23, 8:56 PM

How to resolve this pages-discussions

TTech Point Official Hi Team, I am facing below mentioned error in " Workers and Pages Section " ...

Chaika•10/8/23, 8:56 PM

There's an active incidient right now: https://www.cloudflarestatus.com/incidents/64wsqjxnljn3
Will have to wait until it is over

Elevated 5xx HTTP Errors and Availability Issues

CChaika There's an active incidient right now: https://www.cloudflarestatus.com/incident...

Tech Point Official•10/8/23, 8:57 PM

Thanks for the replay

Tech Point Official•10/8/23, 8:57 PM

Any ETA on this ???

Chaika•10/8/23, 8:57 PM

Nothing at the moment, I would just watch that incident for updates

Erisa•10/8/23, 8:58 PM

as the page says, further detail will be provided as more information becomes available

export async function onRequest({ request, next, env }) { const url = new URL(request.url) if (url.pathname === "/foo") { return new Response("foo") } if (url.pathname === "/far") { return new Response("bar") } return next() }

you need to make a "pages function" to do that, and then call that function from the cloudflare page

Similar Threads

Similar Threads

Similar Threads