Good point, just `rm -rf .wrangler` ?

CChinoman10 Good point, just `rm -rf .wrangler` ?

N

Nob•7/6/24, 11:37 PM

yes

N

Nob•7/6/24, 11:37 PM

you will loose local data

N

Nob•7/6/24, 11:37 PM

like d1/kv/r2 local

C

Chinoman10OP•7/6/24, 11:37 PM

It's fine, I have a

db.sql

db.sql

db.sql

db.sql that has a drop-table at the start anyway

N

Nob•7/6/24, 11:37 PM

ok

C

Chinoman10OP•7/6/24, 11:38 PM

if I'm able to populate it through my local endpoints, I can deploy this to CF and then populate the preview DB, and if that works, then tests can be done end-to-end with Stripe payments already and everything.

CChinoman10 Good point, just `rm -rf .wrangler` ?

N

Nob•7/6/24, 11:39 PM

working ?

C

Chinoman10OP•7/6/24, 11:40 PM

Seems to have worked, yes, thank you @Nob :peppo_pray:
Getting a different 'Failed to parse JSON' error now, but I can work with it

C

Chinoman10OP•7/6/24, 11:40 PM

can't believe I just lost 3h because of a stupid cache :facepalm:

CChinoman10 can't believe I just lost 3h because of a stupid cache :facepalm:

N

Nob•7/6/24, 11:42 PM

order to resolve a bug (for me):

restart program
delete cache
kill processes
maybe its me the problem

C

Chinoman10OP•7/7/24, 12:44 AM

beautiful!

J

Jack RED•7/9/24, 3:45 PM

Hello! Is the Rate Limiting API planned to be available on Pages' functions as well (like Workers)?

C

Chinoman10OP•7/11/24, 2:59 PM

TypeError: Cannot read properties of undefined (reading 'waitUntil')

TypeError: Cannot read properties of undefined (reading 'waitUntil')

TypeError: Cannot read properties of undefined (reading 'waitUntil')

TypeError: Cannot read properties of undefined (reading 'waitUntil')

export const onRequestPost: PagesFunction<Env> = async ({ request, env, ctx }) => {
// ...
ctx.waitUntil(myAsyncFunction(env, anId));

export const onRequestPost: PagesFunction<Env> = async ({ request, env, ctx }) => {
// ...
ctx.waitUntil(myAsyncFunction(env, anId));

export const onRequestPost: PagesFunction<Env> = async ({ request, env, ctx }) => {
// ...
ctx.waitUntil(myAsyncFunction(env, anId));

export const onRequestPost: PagesFunction<Env> = async ({ request, env, ctx }) => {
// ...
ctx.waitUntil(myAsyncFunction(env, anId));

What could be wrong here?
Edit: I have a suspicion...
Edit2: yea... nevermind! Should be:

export const onRequestPost: PagesFunction<Env> = async ({ request, env, waitUntil }) => {

export const onRequestPost: PagesFunction<Env> = async ({ request, env, waitUntil }) => {

export const onRequestPost: PagesFunction<Env> = async ({ request, env, waitUntil }) => {

export const onRequestPost: PagesFunction<Env> = async ({ request, env, waitUntil }) => {

'request' and 'env' are already part of the context object which is what the function receives, so 'waitUntil' is nested at the same level as those two others.

W

Walshy•7/14/24, 7:37 PM

context

context

is undefined

W

Walshy•7/14/24, 7:37 PM

where is it being passed in?

A

akazwz•7/16/24, 8:38 AM

which framework do u use. the context is undefined. you should check where the context from

E

Esteban 🇨🇺•7/23/24, 2:15 PM

Hey team,

I'm trying to create a QR Code [with a PNG logo in the center] inside a Cloudflare Pages Function. And I'm at my wits end.

Seems like most of the NPM packages available depend on a library not supported by Functions.

It's usually Canvas, or FS etc.

Does anyone have experience doing this work on a Cloudflare Functions.

This functionality is the last piece for to be able to fully migrate to Functions as a backend.

A

akazwz•7/24/24, 9:44 AM

use https://unjs.io/packages/uqr

UnJS

uqr · Packages · UnJS

Generate QR Code universally, in any runtime, to ANSI, Unicode or SVG.

A

akazwz•7/24/24, 9:44 AM

@Esteban

Aakazwz use https://unjs.io/packages/uqr

E

Esteban 🇨🇺•7/24/24, 1:32 PM

Thank you for this. Can it be used to add a Logo in the center of QR? I don't see any info in the docs.

A

akazwz•7/24/24, 2:01 PM

it can generate svg. and svg can have image tag

Aakazwz it can generate svg. and svg can have image tag

E

Esteban 🇨🇺•7/24/24, 2:07 PM

Ok, I'll give it shot.

O

Oldzy•7/24/24, 6:18 PM

Hello everyone, I have a question about functions. I was wondering if I decide to use _worker.js instead of the functions folder. When it returns static assets does it count as one function invocation and is therefore count towards the daily quota or not ?

OOldzy Hello everyone, I have a question about functions. I was wondering if I decide t...

H

Hello, I’m Allie!•7/24/24, 6:19 PM

You can use the _routes.json file to tell Pages which routes should use Functions and which shouldn’t

HHello, I’m Allie!You can use the _routes.json file to tell Pages which routes should use Function...

O

Oldzy•7/24/24, 6:21 PM

Does the _routes.json file work in advanced mode where you use _worker.js instead of the functions folder ?

OOldzy Does the _routes.json file work in advanced mode where you use _worker.js instea...

H

Hello, I’m Allie!•7/24/24, 6:23 PM

Yes

HHello, I’m Allie!Yes

O

Oldzy•7/24/24, 6:23 PM

Nice thank you for the response

A

akazwz•7/26/24, 4:08 AM

Hi, team, when i deploy a vite remix pages. Deployment failed!

Failed to publish your Function. Got error: Uncaught SyntaxError: Unexpected reserved
word
at functionsWorker-0.6531080434872101.js:39:4

A

akazwz•7/26/24, 4:12 AM

and i am using wasm with vite-plugin-wasm

M

ma-di•7/26/24, 2:22 PM

Hi everyone - I am trying to implement: https://developers.cloudflare.com/pages/how-to/use-worker-for-ab-testing-in-pages/. _middleware.js file (containing the code-snippet as suggested at the bottom of the linked page) is in function folder. Additionally three html-files are deployed (compare attached screenshot). Unfortunately I am continuously getting a 1101 error in production (compare attached screenshot). Other functions seem to be working properly. What am I doing wrong here? Thanks a lot for your feedback(s) in advance.

2024-07-26_16_09_37-Cloudflare___Web_Performance__Security.png

Log.txt4.18KB

Cloudflare Docs

Use Pages Functions for A/B testing · Cloudflare Pages docs

In this guide, you will learn how to use Pages Functions for A/B testing in your Pages projects. A/B testing is a user experience research methodology …

阿

阿爾法优•7/26/24, 4:35 PM

What’s different between function n workers?

Kkian The URL needs to be absolute.

R

richburdon•7/26/24, 4:45 PM

@kian this goes back a while but i see the issue comes up frequently (on the web also). in my case i'm trying to have WORKER_A call WORKER_A. i've set-up a binding but my POST request returns 404. E.g.,

  const response = await c.env.HUB.fetch(
    new Request(new URL('/account/signup', c.req.url), {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ email } as SignupRequest),
    }),
  );

  const response = await c.env.HUB.fetch(
    new Request(new URL('/account/signup', c.req.url), {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ email } as SignupRequest),
    }),
  );

  const response = await c.env.HUB.fetch(
    new Request(new URL('/account/signup', c.req.url), {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ email } as SignupRequest),
    }),
  );

  const response = await c.env.HUB.fetch(
    new Request(new URL('/account/signup', c.req.url), {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ email } as SignupRequest),
    }),
  );

// wrangler.toml
name = "hub"

[[services]]
  binding = "HUB"
  service = "hub"

// wrangler.toml
name = "hub"

[[services]]
  binding = "HUB"
  service = "hub"

// wrangler.toml
name = "hub"

[[services]]
  binding = "HUB"
  service = "hub"

// wrangler.toml
name = "hub"

[[services]]
  binding = "HUB"
  service = "hub"

the URL is well-formed and I can POST from curl to it.

Mma-di Hi everyone - I am trying to implement: https://developers.cloudflare.com/pages/...

M

ma-di•7/26/24, 5:45 PM

...I think I have found the issue. Script line 11:

let cookie = request.headers.get("cookie")

let cookie = request.headers.get("cookie")

let cookie = request.headers.get("cookie")

let cookie = request.headers.get("cookie")
should be:

let cookie = context.request.headers.get("cookie")

let cookie = context.request.headers.get("cookie")

let cookie = context.request.headers.get("cookie")

let cookie = context.request.headers.get("cookie")
-> Cloudflare-Team: Please verify and if appropriate adapt script on the linked page.

阿

阿爾法优•7/27/24, 3:27 AM

If I want to make apis , worker or functions is better?

E

Erisa•7/27/24, 11:28 AM

api as part of an existing pages site, functions.
api that operates separately as an independent service, workers

E

Erisa•7/27/24, 11:28 AM

limitations of each option may play into things as well so if you have issues with functions you can switch to workers

G

gekkepop.•7/27/24, 9:13 PM

I currently have a worker that responds to websockets requests, is it possible to make this a page function? Because I don't really need to call things based on routes, but more based on my javascript logic

G

gekkepop.•7/27/24, 9:20 PM

And is it true, that if I make it a page function, I can use domain rules to protect who can access my function?

J

joon•7/31/24, 1:46 AM

Hello,

We need assistance with removing the fetch limit on our pages project. We are encoutering an issue where the fetch in pages function returns a 429 error when the nr of requests increases. We've experienced this same issue on another project and were able to resolve it wiht support by removing the limit. You can reference the previous resolved ticket here: https://support.cloudflare.com/hc/en-us/requests/3278800

We have submitted multiple support ticket under our Business Plan over the past several weeks, but all tickets have been disappeared without any feedback. One of the recent ticket numbers is 01007352. I believe there may be technical problems with the support system.

This issue is very critical for our business, and we need to remove the fetch limit as soon as possible. We cannot just wait for the support system to be fixed.

Can anyone help us resolve this issue?

I

Idle•7/31/24, 6:15 AM

wat

D

davey•7/31/24, 6:33 AM

for some reason the astro/cloudflare adapter was making my functions 404:

import cloudflare from '@astrojs/cloudflare';
export default defineConfig({
  output: 'server',
  adapter: cloudflare(),
});

import cloudflare from '@astrojs/cloudflare';
export default defineConfig({
  output: 'server',
  adapter: cloudflare(),
});

import cloudflare from '@astrojs/cloudflare';
export default defineConfig({
  output: 'server',
  adapter: cloudflare(),
});

import cloudflare from '@astrojs/cloudflare';
export default defineConfig({
  output: 'server',
  adapter: cloudflare(),
});

Am I doing something stupid here? It works when I remove the adapter

P

pataquets•7/31/24, 10:18 AM

hi there!
trying configure Pages from wrangler.toml and having a use-case not already covered by config:
monorepo with Vue app at

./frontend/

./frontend/

./frontend/

./frontend/.
Pages builder complains about

[build]

[build]

[build]

[build] section not valid for Pages.
I'd like to set the build settings like this:

[build]
# command = "npm run build"
cwd = "./frontend/"
watch_dir = "./frontend/"

[build]
# command = "npm run build"
cwd = "./frontend/"
watch_dir = "./frontend/"

[build]
# command = "npm run build"
cwd = "./frontend/"
watch_dir = "./frontend/"

[build]
# command = "npm run build"
cwd = "./frontend/"
watch_dir = "./frontend/"

Didn't found any docs on this...

S

sia•7/31/24, 4:21 PM

Hi there, I'm trying to set up my static page's contact form to send me an email with the form data. So I'm trying to do the steps on this page albeit with Functions instead of Workers, but apparently the mimetext package requires Node and attempting to set the node compatibility gives me the same errors when I try to run Wrangler
https://developers.cloudflare.com/email-routing/email-workers/send-email-workers/

Is this example in that link just not possible? Or not possible in Functions but maybe possible in a Worker? I'm trying to do this as simply as possible, and I don't need an Airtable. I just want to send myself an email with the form data. I noticed the old pages plugin using a middleware is now deprecated. I'm open to other options.

I

IEatBeans•8/12/24, 7:24 AM

Is there an outage or smth? I am suddenly getting this error when deploying

I

IEatBeans•8/12/24, 7:24 AM

I

IEatBeans•8/12/24, 7:25 AM

I don't think I changed anything related to that

S

syph•8/14/24, 12:17 AM

Hello everyone , is there a way in pages project to deploy the functions only using the wrangler cli , Right now i have to wait for a complete redeployment after each git push

Ssyph Hello everyone , is there a way in pages project to deploy the functions only us...

H

Hard@Work•8/14/24, 8:15 AM

Only if you don't want any static assets to be present in the deployment

Good point, just `rm -rf .wrangler` ?

Similar Threads

Similar Threads

Similar Threads