Is it possible to get the visitor's IP through functions? It seems I only get CF's IP in sub request

ははるか Is it possible to get the visitor's IP through functions? It seems I only get CF...

H

Hello, I’m Allie!•7/5/24, 7:41 PM

Can you see it in cf-connecting-ip?

HHello, I’m Allie!Can you see it in cf-connecting-ip?

は

はるかOP•7/5/24, 7:43 PM

Nope, and xff has the same IP but two of them

C

Chinoman10•7/6/24, 11:18 PM

k, I give up... I've just spent the last 3h trying to debug this BS with no results whatsoever... perhaps I should've come here sooner to avoid such amount of frustration...

C

Chinoman10•7/6/24, 11:20 PM

folderRoot/
└── functions/
    └── api/
        └── hotels/
            └── index.ts

folderRoot/
└── functions/
    └── api/
        └── hotels/
            └── index.ts

folderRoot/
└── functions/
    └── api/
        └── hotels/
            └── index.ts

folderRoot/
└── functions/
    └── api/
        └── hotels/
            └── index.ts

With the following folder structure, and with a

onRequestPost

onRequestPost

onRequestPost

onRequestPost on the

index.ts

index.ts

, no matter WTF I try, I always get a

[wrangler:inf] POST /api/hotels 405 Method Not Allowed (4ms)

[wrangler:inf] POST /api/hotels 405 Method Not Allowed (4ms)

[wrangler:inf] POST /api/hotels 405 Method Not Allowed (4ms)

[wrangler:inf] POST /api/hotels 405 Method Not Allowed (4ms) :shrugg: it doesn't even go in (neither is my code returning this).

C

Chinoman10•7/6/24, 11:21 PM

Tried:

searching this Discord up & down for all mentions of 'method not allowed';
searching the Pages Functions docs for anything that could help; I've already re-read it 3-4x in the past months of developing anyway...
asked ChatGPT 4o, the only useful thing it did was create that pretty folder structure for me :shrugg:
I have like 30 other endpoints on the same project, and they "all" work (I haven't tested all of them, but there's 5-10 that I have to use while testing and they work just fine, there are no differences on their code).

C

Chinoman10•7/6/24, 11:22 PM

I'm dumbfounded and out of ideas.

C

Chinoman10•7/6/24, 11:27 PM

PS: I'm running

wrangler pages dev _site

wrangler pages dev _site

wrangler pages dev _site

wrangler pages dev _site while in the root folder, I'm not a directory up or down, like this guy: https://community.cloudflare.com/t/cf-pages-functions-wrangler-dev-405-method-not-allowed-locally/442767/14 besides, even if I were, my other functions would've have worked anyway.

C

Chinoman10•7/6/24, 11:32 PM

Oh and, I've already checked for other zombie processes, there are none running either.

CChinoman10 I'm dumbfounded and out of ideas.

N

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

go sleep come back tomorrow

N

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

sleeping is a good idea to fix bugs

C

Chinoman10•7/6/24, 11:34 PM

Can't... I need to finish this now... tomorrow is the start of EthCC and I won't be sitting on my computer for another week... except to launch this project to PRD if the tests go well for the next couple days while I'm at the events.

C

Chinoman10•7/6/24, 11:34 PM

Been developing from 9-11am to 2-5am for the past ~2 weeks... I'm 99% there; just need to populate my D1.

CChinoman10 Can't... I need to finish this now... tomorrow is the start of EthCC and I won't...

N

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

name it post.ts ?

C

Chinoman10•7/6/24, 11:36 PM

why? for debug, or?
I never named files 'get', 'post' or anything, just

index

index

index

index, or with path placeholders like

[id]

[id]

[id]

[id], or dedicated endpoints like

/instagram

/instagram

/instagram

/instagram. I have more than one file with 'onRequestGet' and 'onRequestPost' on them, and they work just fine.

CChinoman10 why? for debug, or? I never named files 'get', 'post' or anything, just `index`,...

N

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

idk, have you cleared wrangler cache ?

C

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

Good point, just

rm -rf .wrangler

rm -rf .wrangler

rm -rf .wrangler

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

Chinoman10•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

Chinoman10•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

Chinoman10•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

Chinoman10•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

Chinoman10•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

Chinoman10•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.

Is it possible to get the visitor's IP through functions? It seems I only get CF's IP in sub request

Similar Threads

Similar Threads

Similar Threads