i think that was part of my issue as well because it worked locally but not deployed

__pear i think that was part of my issue as well because it worked locally but not depl...

N

Nima•4/25/24, 12:31 PM

It is in local that it's not working for me.

So you set the stripe initilization to this (?):

const stripe = new Stripe(env.STRIPE_SECRET_KEY, { 
    apiVersion: '2023-10-16', 
    httpClient: Stripe.createFetchHttpClient()
  })

const stripe = new Stripe(env.STRIPE_SECRET_KEY, { 
    apiVersion: '2023-10-16', 
    httpClient: Stripe.createFetchHttpClient()
  })

const stripe = new Stripe(env.STRIPE_SECRET_KEY, { 
    apiVersion: '2023-10-16', 
    httpClient: Stripe.createFetchHttpClient()
  })

const stripe = new Stripe(env.STRIPE_SECRET_KEY, { 
    apiVersion: '2023-10-16', 
    httpClient: Stripe.createFetchHttpClient()
  })

And then run:

const rawBody = await request.text()
const stripeSignature = request.headers.get('stripe-signature')

event = await stripe.webhooks.constructEventAsync(rawBody, stripeSignature, env.STRIPE_WEBHOOK_SECRET)

const rawBody = await request.text()
const stripeSignature = request.headers.get('stripe-signature')

event = await stripe.webhooks.constructEventAsync(rawBody, stripeSignature, env.STRIPE_WEBHOOK_SECRET)

const rawBody = await request.text()
const stripeSignature = request.headers.get('stripe-signature')

event = await stripe.webhooks.constructEventAsync(rawBody, stripeSignature, env.STRIPE_WEBHOOK_SECRET)

const rawBody = await request.text()
const stripeSignature = request.headers.get('stripe-signature')

event = await stripe.webhooks.constructEventAsync(rawBody, stripeSignature, env.STRIPE_WEBHOOK_SECRET)

NNima It is in local that it's not working for me. So you set the stripe initilizati...

N

Nima•4/25/24, 12:32 PM

⚠️  Webhook signature verification failed. Err: No signatures found matching the expected signature for payload. Are you passing the raw request body you received from Stripe?             ╮
 If a webhook request is being forwarded by a third-party tool, ensure that the exact request body, including JSON formatting and new line style, is preserved.                             
                                                                                                                                                                                            
Learn more about webhook signing and explore webhook integration examples for various frameworks at https://github.com/stripe/stripe-node#webhook-signing

⚠️  Webhook signature verification failed. Err: No signatures found matching the expected signature for payload. Are you passing the raw request body you received from Stripe?             ╮
 If a webhook request is being forwarded by a third-party tool, ensure that the exact request body, including JSON formatting and new line style, is preserved.                             
                                                                                                                                                                                            
Learn more about webhook signing and explore webhook integration examples for various frameworks at https://github.com/stripe/stripe-node#webhook-signing

⚠️  Webhook signature verification failed. Err: No signatures found matching the expected signature for payload. Are you passing the raw request body you received from Stripe?             ╮
 If a webhook request is being forwarded by a third-party tool, ensure that the exact request body, including JSON formatting and new line style, is preserved.                             
                                                                                                                                                                                            
Learn more about webhook signing and explore webhook integration examples for various frameworks at https://github.com/stripe/stripe-node#webhook-signing

⚠️  Webhook signature verification failed. Err: No signatures found matching the expected signature for payload. Are you passing the raw request body you received from Stripe?             ╮
 If a webhook request is being forwarded by a third-party tool, ensure that the exact request body, including JSON formatting and new line style, is preserved.                             
                                                                                                                                                                                            
Learn more about webhook signing and explore webhook integration examples for various frameworks at https://github.com/stripe/stripe-node#webhook-signing

NNima It is in local that it's not working for me. So you set the stripe initilizati...

_

_pearOP•4/25/24, 12:32 PM

are you using the stripe CLI locally to spin up the event forwarder and are you sending events via the CLI locally?

__pear are you using the stripe CLI locally to spin up the event forwarder and are you ...

N

Nima•4/25/24, 12:32 PM

Yup

NNima Yup

_

_pearOP•4/25/24, 12:32 PM

hmm and if you're using the correct secret for your local webhook it should work

N

Nima•4/25/24, 12:35 PM

Can it have to do with the API version then?

N

Nima•4/25/24, 12:36 PM

There came a new API version not that long ago, no (stripe)?

_

_pearOP•4/25/24, 12:36 PM

is there any middleware or something like that on the webook route that may be making changes to the request before it gets to the webhook?

maybe, i dont have that set but i think it's using the same version you have there.

__pear is there any middleware or something like that on the webook route that may be m...

N

Nima•4/25/24, 12:40 PM

All I am using in the application is, Vite + Nodejs. Which builds to a format that is compatible to run with Cloudflare pages. Other than importing the Stripe into the functions "import Stripe from 'stripe'" I am not using any other middleware.

__pear is there any middleware or something like that on the webook route that may be m...

N

Nima•4/25/24, 12:41 PM

The endpoint is in its own folder. And a singular file.

_

_pearOP•4/25/24, 12:44 PM

im out of ideas

it sounds like you have everything set up correctly. maybe the next step would be to get a minimal example repo. sometimes when i do that i realize that something is misconfigured or at least you'll have something to go along with a bug report to Stripe/Cloudflare

_

_pearOP•4/25/24, 12:45 PM

good luck!

I

IEatBeans•4/26/24, 3:14 AM

is it possible to generate sourcemaps for the pages functions? Im using sentry

I

IEatBeans•4/26/24, 3:15 AM

I am able to log the errors with the pages plugin, but there are no stack traces
https://developers.cloudflare.com/pages/functions/plugins/sentry/

Jjs Hey did you ever determine the best solution for this?

S

Snorre•4/26/24, 10:26 AM

I did not. :/

__pear im out of ideas 😦 it sounds like you have everything set up correctly. maybe th...

N

Nima•4/26/24, 10:34 AM

Is this the article you were referring to?
https://blog.cloudflare.com/announcing-stripe-support-in-workers

It's 3 years old, though. Thanks for the ideas nonetheless. I appreciate it a lot.

In the example provided, it passes in some additional values, it seems:

const stripe = getStripe({ env })
const body = await request.text()
const sig = request.headers.get('stripe-signature')
const webCrypto = Stripe.createSubtleCryptoProvider()
    
const event = await stripe.webhooks.constructEventAsync(
      body
      sig,
      env.STRIPE_ENDPOINT_SECRET,
      undefined,
      webCrypto
    )

const stripe = getStripe({ env })
const body = await request.text()
const sig = request.headers.get('stripe-signature')
const webCrypto = Stripe.createSubtleCryptoProvider()
    
const event = await stripe.webhooks.constructEventAsync(
      body
      sig,
      env.STRIPE_ENDPOINT_SECRET,
      undefined,
      webCrypto
    )

const stripe = getStripe({ env })
const body = await request.text()
const sig = request.headers.get('stripe-signature')
const webCrypto = Stripe.createSubtleCryptoProvider()
    
const event = await stripe.webhooks.constructEventAsync(
      body
      sig,
      env.STRIPE_ENDPOINT_SECRET,
      undefined,
      webCrypto
    )

const stripe = getStripe({ env })
const body = await request.text()
const sig = request.headers.get('stripe-signature')
const webCrypto = Stripe.createSubtleCryptoProvider()
    
const event = await stripe.webhooks.constructEventAsync(
      body
      sig,
      env.STRIPE_ENDPOINT_SECRET,
      undefined,
      webCrypto
    )

The Cloudflare Blog

Announcing native support for Stripe’s JavaScript SDK in Cloudflare...

Handling payments inside your apps is crucial to building a business online. For many developers, the leading choice for handling payments is Stripe.

_

_pearOP•4/26/24, 9:55 PM

yeah that's the article. i used the same setup and things are working.

X

x_m_e_x•4/27/24, 10:10 PM

Hey all! I need help to cache my backend apis that i cache in cloudfront before. How to move api cachings to cloudflare? Please help!!

O

oun.abbas•4/28/24, 9:48 PM

Hi all, I have an angular app, I want to use page plugin with it. I have created function dir and also included it in dist. is there any example of using page function with angular ?

P

Paolo•4/29/24, 10:41 AM

can you suggest a linter that works well with Functions? I'm a bit concerned about not catching Rejects

Z

zwily•4/30/24, 4:56 PM

Re-posting this from the discussions channel where I posted a week ago... Does anyone know how to reference a local DO from a local Pages app after the change in 3.46 (named endpoints)? See: pages-discussions

E

earwaf•5/2/24, 3:29 AM

This just started happening today, does anyone know a fix for this error while building cf pages + functions:

The package "crypto" wasn't found on the file system but is built into node

The package "crypto" wasn't found on the file system but is built into node

(also happens with fs and path)

I don't use these directly, it seems to be some kind of dependency which I haven't even updated today that is causing it so i'm not sure how to fix it with the node: prefix

Currently unable to deploy with this error

E

earwaf•5/2/24, 4:47 AM

Note that the master branch works fine but preview branches do not

M

Mike Nomitch•5/3/24, 4:02 PM

Hi all

. I'm having trouble getting a hello world with functions working locally or when deployed. Hoping I can get some guidance here.

I used a Solid JS starter project from here (https://developers.cloudflare.com/pages/framework-guides/deploy-a-solid-site/) and then added a

/functions/hello.js

/functions/hello.js

file in the root of the project that looks like this:

export function onRequest(context) {
  return new Response("Hello, world!");
}

export function onRequest(context) {
  return new Response("Hello, world!");
}

I expected that if I ran

npx wrangler pages dev

npx wrangler pages dev

and then went to

http://localhost:8788/hello

http://localhost:8788/hello

I would just see "Hello, world!" but instead of that I see the 404 page of my frontend app.

I've also deployed to prod and see the same thing at "/hello". In the CF UI in the functions tab I see this in the routing config:

{
  "baseURL": "/",
  "routes": [
    {
      "method": "",
      "module": [
        "hello.js:onRequest"
      ],
      "mountPath": "/",
      "routePath": "/hello"
    }
  ]
}

{
  "baseURL": "/",
  "routes": [
    {
      "method": "",
      "module": [
        "hello.js:onRequest"
      ],
      "mountPath": "/",
      "routePath": "/hello"
    }
  ]
}

{
  "baseURL": "/",
  "routes": [
    {
      "method": "",
      "module": [
        "hello.js:onRequest"
      ],
      "mountPath": "/",
      "routePath": "/hello"
    }
  ]
}

{
  "baseURL": "/",
  "routes": [
    {
      "method": "",
      "module": [
        "hello.js:onRequest"
      ],
      "mountPath": "/",
      "routePath": "/hello"
    }
  ]
}

and locally

wrangler pages functions build

wrangler pages functions build

works fine.

Any ideas? I'm thinking its some small basic bit of config I'm missing or maybe a misunderstanding of what a Hello World looks like?

MMike Nomitch Hi all 👋🏻. I'm having trouble getting a hello world with functions working loc...

H

Hello, I’m Allie!•5/3/24, 4:43 PM

Looking at the linked tutorial, it appears that Solid uses SSR. If that is the case, then you need to create that route through whatever mechanism solid provides, rather than the

/functions

/functions

folder

H

Hello, I’m Allie!•5/3/24, 4:44 PM

I believe it is this: https://start.solidjs.com/core-concepts/api-routes

SolidStart Release Candidate Documentation

Early release documentation and resources for SolidStart Release Candidate

I

IEatBeans•5/6/24, 3:10 AM

I am using the mailchannels integration (via their rest api), and randomly (about 1 out of 5 emails) fails with this error "{"errors":["Failed to send email: EOF"]}". I cant find any info on this and don't know whats wrong. I can just send the exact same email html to the exact same destinations and it will fail sometimes. Thoughts?

M

master_Em•5/7/24, 4:06 PM

Hey everyone. I just created a function for my Pages project (Nuxt 3 website). I followed the tutorial in creating a simple function that returns a hello world response. But every time I hit the endpoint, I get a 404. Help, please.

P

Paolo•5/7/24, 7:27 PM

Heya! How isolated are separate requests? If I create a singleton in node.js it will create a single instance accessible by all requests, but I'm not sure about functions

PPaolo Heya! How isolated are separate requests? If I create a singleton in node.js it ...

H

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

There are no guarantees about isolation between requests. Generally, the isolate is only reused by a single browser/client, so putting stuff in the global scope won't save you much

HHello, I’m Allie!There are no guarantees about isolation between requests. Generally, the isolate...

P

Paolo•5/7/24, 7:36 PM

Thank you. The issue is I'm trying to set up a session object in the Middleware, but so far attempts to do that and be able to recover it in the functions has proved... Not reliable?

P

Paolo•5/7/24, 7:38 PM

I tried adding fields to context but they do not seem to carry up the Middleware > Middleware > function tree

PPaolo I tried adding fields to context but they do not seem to carry up the Middleware...

H

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

Do you have a repro?

HHello, I’m Allie!Do you have a repro?

P

Paolo•5/7/24, 7:39 PM

See that's confusing because I thought I had it working and this morning it did not

HHello, I’m Allie!Do you have a repro?

P

Paolo•5/7/24, 7:40 PM

I'll get back on the laptop and post on worker-help? Should I tag you?

PPaolo I'll get back on the laptop and post on worker-help? Should I tag you?

H

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

Sure

HHello, I’m Allie!Sure

P

Paolo•5/7/24, 8:24 PM

thank you, it's up

S

Sufi dilmir qadri•5/9/24, 6:49 PM

howcan i block access to worker if its not access from my pages like anybody canquery it and get renderd html

SSufi dilmir qadri howcan i block access to worker if its not access from my pages like anybody can...

I

IEatBeans•5/9/24, 8:05 PM

You can use cloudflare access with a service token maybe

IIEatBeans I am using the mailchannels integration (via their rest api), and randomly (abou...

T

Tnix•5/10/24, 12:20 PM

Same thing happening to me and someone else I know

TTnix Same thing happening to me and someone else I know

I

IEatBeans•5/10/24, 3:45 PM

Good to know it’s not just me. Sounds like it’s time to switch to a different service

R

radi8#6722•5/10/24, 8:17 PM

I am said person and I'm personally going to just resend them until it works

H

hy.yu•5/17/24, 4:39 PM

Hi, is there any new progress in setting node_compat = true for functions?

I

Ian•5/21/24, 12:16 AM

I have a Pages project that I needed to upgrade to use Queues, but it turns out I can't add consumers in Pages? This is pretty disappointing. I figured I'd be able to make a new function that could be a consumer so I could keep all my code in one project.

Hhy.yu Hi, is there any new progress in setting node_compat = true for functions?

I

Ian•5/21/24, 12:19 AM

I've done it with

compatibility_flags = [ "nodejs_compat" ]
compatibility_date = "2024-04-04"

compatibility_flags = [ "nodejs_compat" ]
compatibility_date = "2024-04-04"

compatibility_flags = [ "nodejs_compat" ]
compatibility_date = "2024-04-04"

compatibility_flags = [ "nodejs_compat" ]
compatibility_date = "2024-04-04"

IIan I have a Pages project that I needed to upgrade to use Queues, but it turns out ...

H

Hello, I’m Allie!•5/21/24, 8:13 AM

Functions can only handle fetch events atm

HHello, I’m Allie!Functions can only handle fetch events atm

I

Ian•5/21/24, 8:18 AM

Too bad, I hope workers and functions get unified. I guess I’ll need to set up Lerna or Turborepo for now.

IIan Too bad, I hope workers and functions get unified. I guess I’ll need to set up L...

I

IEatBeans•5/21/24, 4:05 PM

Yea I really hope they do too. It’s annoying to have to have a separate worker just for random things like cron

I

IEatBeans•5/21/24, 6:48 PM

What would be the best way to run a task a few minutes after a function executes? I was thinking either a cron task (in workers) that runs every 5 minutes and checks for a list of scheduled tasks in the database, or a durable object with alarms?

i think that was part of my issue as well because it worked locally but not deployed

Similar Threads