Not really. While you can use CORS to prevent other websites from calling your Functions, that only

H

Hello, I’m Allie!OP•3/27/24, 9:05 AM

You could also block based on the origin header, but that doesn't preclude someone from setting that header too

HHello, I’m Allie!Not really. While you can use CORS to prevent other websites from calling your F...

M

Me•3/27/24, 12:58 PM

A visitor to the site would be able to see any requests the page makes to a function so I couldn’t use some sort of fixed authentication header right? Maybe a dynamically generated token based off a private key would work

MMe A visitor to the site would be able to see any requests the page makes to a func...

H

Hello, I’m Allie!OP•3/27/24, 1:29 PM

Your private key would still be present in the source though no? Or at least the token

HHello, I’m Allie!Your private key would still be present in the source though no? Or at least the...

M

Me•3/27/24, 1:42 PM

Oh right…

C

Cretezy•3/29/24, 6:17 PM

Hi! Is there a way to use cron with Pages+Functions?

J

James•3/29/24, 6:31 PM

There is not, sadly. You’ll have to use a normal Worker for that

G

GGLVXD•3/29/24, 8:07 PM

if i reach the requests limit will my functions just not work or my whole pages website will go down?

GGGLVXD if i reach the requests limit will my functions just not work or my whole pages ...

C

Chaika•3/31/24, 2:26 AM

Depends what your functions do (are they just middleware/stuff running in front of static assets)? and your Request Limit failure mode under Settings -> Functions

D

Dally•3/31/24, 3:05 PM

Hey guys, quick question. I'm using Pages to deploy my site in advanced mode, that is with _worker.js file. Currently my framework builds the site with _worker.js directory, meaning that it is not bundled. Does Pages deployment do any bundling before the worker is deployed, or do I have to bundle it myself? Thanks!

D

Dally•3/31/24, 3:05 PM

I googled and only found this: https://community.cloudflare.com/t/refactor-a-worker-to-a-pages-function-problem/536838 when one user mentions this, so I want to be just sure

When using advanced mode, you need to bundle the worker—Cloudflare Pages build system doesn’t handle the bundling (if I recall correctly.)

D

Dally•3/31/24, 3:22 PM

So I may have confirmed this myself, there is no bundling step done automatically. Please correct me if i'm wrong.

N

n0xQuZe•4/1/24, 6:08 PM

Hello everyone, just joined!
Trying to forward my pages app form submissions to an email, do need just a custom domain or do i need to buy some email hosting or something? Total noob when it comed to this stuff

A

Adam Wolf•4/1/24, 6:53 PM

can I use a function/middleware to capture the referer header for anything that 404s on a Cloudflare Pages site?

Nn0xQuZe Hello everyone, just joined! Trying to forward my pages app form submissions to...

S

schkovich•4/1/24, 10:01 PM

Perhaps MailChannels Pages Plugin might help https://developers.cloudflare.com/pages/functions/plugins/mailchannels/

Cloudflare Docs

MailChannels · Cloudflare Pages docs

The MailChannels Pages Plugin intercepts all form submissions made which have the data-static-form-name attribute set. Then, it emails these form …

T

Tincan•4/2/24, 9:36 AM

I have a service worker and I'm getting in a bit of a muddle trying to pass it some data. Hopefully just being blind but can anyone just point out what I'm missing. Context (or request when destructured out) doesn't contain the data I'm trying to send

 //service worker
     const body = JSON.stringify({
        eventData: event.data,
        shown: true,
      })

      fetch(`http://127.0.0.1:8788/cf/log-notification`, {
        method: "POST",
        "Content-Type": "application/json",
        body: body,
      })

 //service worker
     const body = JSON.stringify({
        eventData: event.data,
        shown: true,
      })

      fetch(`http://127.0.0.1:8788/cf/log-notification`, {
        method: "POST",
        "Content-Type": "application/json",
        body: body,
      })

 //service worker
     const body = JSON.stringify({
        eventData: event.data,
        shown: true,
      })

      fetch(`http://127.0.0.1:8788/cf/log-notification`, {
        method: "POST",
        "Content-Type": "application/json",
        body: body,
      })

 //service worker
     const body = JSON.stringify({
        eventData: event.data,
        shown: true,
      })

      fetch(`http://127.0.0.1:8788/cf/log-notification`, {
        method: "POST",
        "Content-Type": "application/json",
        body: body,
      })

 // In CF function.
export async function onRequestPost(context) {
  console.log(context)

 // In CF function.
export async function onRequestPost(context) {
  console.log(context)

TTincan I have a service worker and I'm getting in a bit of a muddle trying to pass it s...

H

Hello, I’m Allie!OP•4/2/24, 9:39 AM

Try

// In Pages Function
export async function onRequestPost(context) {
  console.log(await context.request.json());
  // Do something else
}

// In Pages Function
export async function onRequestPost(context) {
  console.log(await context.request.json());
  // Do something else
}

// In Pages Function
export async function onRequestPost(context) {
  console.log(await context.request.json());
  // Do something else
}

// In Pages Function
export async function onRequestPost(context) {
  console.log(await context.request.json());
  // Do something else
}

HHello, I’m Allie!Try ```js // In Pages Function export async function onRequestPost(context) { ...

T

Tincan•4/2/24, 9:47 AM

ok thanks, looks like the body params are there, perhaps the original statement was only logging top level vars or something

TTincan ok thanks, looks like the body params are there, perhaps the original statement ...

H

Hello, I’m Allie!OP•4/2/24, 9:49 AM

By default, the

Request

Request

type doesn't have a parsed body. This allows you to skip reading it if you don't actually need to parse it yourself. The

await request.json()

await request.json()

part tells it to begin pulling the body in, and parse it as JSON

HHello, I’m Allie!By default, the `Request` type doesn't have a parsed body. This allows you to sk...

T

Tincan•4/2/24, 9:57 AM

ah right cool, that makes sense

T

Tincan•4/2/24, 9:58 AM

thanks

V

vimo•4/2/24, 1:33 PM

I am a little confused about pages function, is it just like clouldflare workers and can be fetched?
so

functions/hello.ts

functions/hello.ts

can be fetched like

fetch('/hello')

fetch('/hello')

in my fullstack app?
Because when I do that in my remix app and try running it locally using wrangler, I can access directly via

http://127.0.0.1:8787/hello

http://127.0.0.1:8787/hello

but fetching it gives an error

Invalid URL string. checkURL

Invalid URL string. checkURL

Vvimo I am a little confused about pages function, is it just like clouldflare workers...

R

Ruxorly•4/2/24, 2:12 PM

try to use the full path

R

Ruxorly•4/2/24, 2:12 PM

so in your fetch do “http://127.0.0.1:8787/hello” as the url

R

Ruxorly•4/2/24, 2:12 PM

obviously in a production app you’d change that tho

V

vimo•4/2/24, 2:13 PM

thanks. let me try that.

V

vimo•4/2/24, 2:14 PM

found an example https://developers.cloudflare.com/pages/tutorials/build-an-api-with-pages-functions/ they use relative url in it.

RRuxorly try to use the full path

V

vimo•4/2/24, 2:17 PM

thanks. absolute url works. makes me wonder is this just a wrangler local dev thing? and on deployment relative should work?

Vvimo thanks. absolute url works. makes me wonder is this just a wrangler local dev th...

R

Ruxorly•4/2/24, 2:23 PM

although i’m not well versed in remix, they could have a check to see if it’s a valid full url

R

Ruxorly•4/2/24, 2:24 PM

you might be able to use an environment variable to see if it’s running on prod and if it is, use that base url, otherwise use 127.0.0.1

V

vimo•4/2/24, 2:30 PM

You are not wrong to assume that but relative urls in Remix works.
Yes, I guess for now I will use a local env to concatenate it with the cf pages endpoint in my fetch calls. Will figure it out later when deploying if theres a better way or just if local concatenate else relative.
I hope relative url on deployment works.
Thanks for the help and env suggestion. Really appreciate it.

V

vimo•4/3/24, 9:27 AM

Are pages functions by default CORS protected? Since the function route works like an endpoint, do I have to worry about CORS protection?
Edit: Ah I see https://developers.cloudflare.com/pages/functions/examples/cors-headers/

L

Laurent Pellegrino•4/3/24, 9:51 AM

Hey there!

Using Cloudflare pages functions, local building works great.

Everything compile with

wrangler pages dev  dist/

wrangler pages dev  dist/

. Same using

wrangler pages functions build

wrangler pages functions build

. This last says

Compiled Worker successfully.

If I compile locally and deploy with the next command, again the app is compiled and deployed with success :

wrangler pages deploy  dist/ --project-name my-project

wrangler pages deploy  dist/ --project-name my-project

.

However, if a page build is triggered on Cloudflare based on git push, then the build fails with errors like the following:

11:31:45.603 Found Functions directory at /functions. Uploading.
11:31:46.776    ✘ [ERROR] 26 error(s) and 0 warning(s) when compiling Worker.
...
11:31:46.810      [[route]].ts:6:30: ERROR: Could not resolve "hono"
11:31:46.810      [[route]].ts:9:23: ERROR: Could not resolve "hono/cloudflare-pages"
11:31:46.810      [[route]].ts:10:21: ERROR: Could not resolve "hono/html"

11:31:45.603 Found Functions directory at /functions. Uploading.
11:31:46.776    ✘ [ERROR] 26 error(s) and 0 warning(s) when compiling Worker.
...
11:31:46.810      [[route]].ts:6:30: ERROR: Could not resolve "hono"
11:31:46.810      [[route]].ts:9:23: ERROR: Could not resolve "hono/cloudflare-pages"
11:31:46.810      [[route]].ts:10:21: ERROR: Could not resolve "hono/html"

11:31:45.603 Found Functions directory at /functions. Uploading.
11:31:46.776    ✘ [ERROR] 26 error(s) and 0 warning(s) when compiling Worker.
...
11:31:46.810      [[route]].ts:6:30: ERROR: Could not resolve "hono"
11:31:46.810      [[route]].ts:9:23: ERROR: Could not resolve "hono/cloudflare-pages"
11:31:46.810      [[route]].ts:10:21: ERROR: Could not resolve "hono/html"

11:31:45.603 Found Functions directory at /functions. Uploading.
11:31:46.776    ✘ [ERROR] 26 error(s) and 0 warning(s) when compiling Worker.
...
11:31:46.810      [[route]].ts:6:30: ERROR: Could not resolve "hono"
11:31:46.810      [[route]].ts:9:23: ERROR: Could not resolve "hono/cloudflare-pages"
11:31:46.810      [[route]].ts:10:21: ERROR: Could not resolve "hono/html"

Here is the link to the build in question: https://dash.cloudflare.com/ffba33b855ee4ded76deff01907fee6a/pages/view/ipregistry-landing/009a6e06-f999-4277-8c76-f70b96e3a734

I have no idea about what's the issue is. Did you already experience something similar?

L

Laurent Pellegrino•4/3/24, 10:44 AM

I had to update my build command to run npm install in functions directory :X

Z

zhen•4/4/24, 5:08 AM

Hello, workers now supports Python. Does anyone know if we can use Python in pages/functions yet?

Zzhen Hello, workers now supports Python. Does anyone know if we can use Python in pag...

I

Isaac McFadyen•4/4/24, 12:50 PM

I don't believe you can, and I don't think it will be coming. Pages relies on bundling your Functions into one big Worker at deploy time, which wouldn't really work with some being Python and some not - plus they inject custom code which is written in JS, which also wouldn't really work.

I

IEatBeans•4/8/24, 2:57 AM

I see that pages now supports a wrangler.toml. This is great, but what happens if you already have one for workers in the same project? I am using pages functions primarily, but workers for a few cron tasks. Do I need to move all the workers stuff into a subrepo, or can they both share a toml file?

I

i.wont.tell•4/8/24, 11:29 PM

guys I've added a turnstile widget to my site and depending if it's successful (both challengeand verification) an element is shown, the first time it worked well, then I reloaed the page and now I'm getting:

Request for the Private Access Token challenge.
The next request for the Private Access Token challenge may return a 401 and show a warning in console.

Request for the Private Access Token challenge.
The next request for the Private Access Token challenge may return a 401 and show a warning in console.

I

i.wont.tell•4/8/24, 11:29 PM

But the verification is passed

I

i.wont.tell•4/8/24, 11:29 PM

Why?

I

i.wont.tell•4/8/24, 11:30 PM

What I'm also curious about is why it warns that I'm going to get a 401, like it knows about it before hand, why is this happening?

Ii.wont.tell guys I've added a turnstile widget to my site and depending if it's successful (...

I

Isaac McFadyen•4/9/24, 12:07 AM

?PAT-401

F

Flare•4/9/24, 12:07 AM

Seeing a 401 error in your console during a Turnstile security check?
You can safely ignore the error, it's requesting a PAT but your device/browser does not support PATs yet, so you see the error.
Learn more: https://blog.cloudflare.com/eliminating-captchas-on-iphones-and-macs-using-new-standard/

I

Isaac McFadyen•4/9/24, 12:07 AM

TLDR: you can ignore the error, it's expected.

I

i.wont.tell•4/9/24, 12:08 AM

thanks!

C

cheshirecat•4/9/24, 1:23 AM

Hi All, I have a possibly very dumb question, but I'm trying to figure out how to do Server Side Includes work. Is there a doc I'm missing or something? Thanks

R

Ricky U•4/9/24, 6:47 AM

when installing packagines via npm within the /functions folder how will cloudflare pick up the js file and the route?

RRicky U when installing packagines via npm within the /functions folder how will cloudfl...

H

Hello, I’m Allie!OP•4/9/24, 6:49 AM

I would generally recommend installing the packages outside of the folder(in the root), then just

import

import

ing depencies in as necessary

R

Ricky U•4/9/24, 8:06 AM

@HardlyWorkin' so i would npm init within the /functions folder, i see. i was actually creating subfolders and installing the packages there. wasnt sure how the functions would be called though since they are not in each of their own folders..

R

Ricky U•4/9/24, 8:07 AM

also too, can i update a function without deploying to git everytime?

RRicky U @HardlyWorkin' so i would npm init within the /functions folder, i see. i was ac...

H

Hello, I’m Allie!OP•4/9/24, 8:09 AM

Something like this:

/
  functions/
    index.js
    thing.js
    ... etc
  /public
    index.html
    index.css
    ... etc
  package.json

/
  functions/
    index.js
    thing.js
    ... etc
  /public
    index.html
    index.css
    ... etc
  package.json

/
  functions/
    index.js
    thing.js
    ... etc
  /public
    index.html
    index.css
    ... etc
  package.json

/
  functions/
    index.js
    thing.js
    ... etc
  /public
    index.html
    index.css
    ... etc
  package.json

Not really. While you can use CORS to prevent other websites from calling your Functions, that only

Similar Threads

Similar Threads

Similar Threads