awombmayu_docs | Stripe Developers | Page 1

queen shaleBOT Oct 24, 2025, 9:14 AM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1431209138733715477

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

#

polar harness Oct 24, 2025, 9:17 AM

#

Hello there! Does the request in your Node.js server to create the Checkout Session succeed?

west rock Oct 24, 2025, 9:18 AM

#

how do i check for this?

polar harness Oct 24, 2025, 9:19 AM

#

I'd suggest adding some logs in the Node.js code that capture the success/failure of the request, then they'll be printed in your terminal

#

Based on the error in your original message, I suspect that request is failing

west rock Oct 24, 2025, 9:31 AM

#

you mean like this? app.post('/create-checkout-session', async (req, res) => { console.log('check if app post work');

polar harness Oct 24, 2025, 9:31 AM

#

Yes, but after the API call to Stripe

west rock Oct 24, 2025, 9:36 AM

#

like this? ```app.post('/create-checkout-session', async (req, res) => {
const session = await stripe.checkout.sessions.create({
ui_mode: 'embedded',
customer_email: 'customer@example.com',
submit_type: 'donate',
billing_address_collection: 'auto',
shipping_address_collection: {
allowed_countries: ['US', 'CA'],
},
line_items: [
{
// Provide the exact Price ID (for example, price_1234) of the product you want to sell
price: 'price_1SKwrwFSXSPNg8P8MDxCRpmY',
quantity: 1,
},
],
mode: 'payment',
return_url: ${YOUR_DOMAIN}/return?session_id={CHECKOUT_SESSION_ID},
});

res.send({clientSecret: session.client_secret});
console.log('does work?')
});``` the log does not get shown in the console

polar harness Oct 24, 2025, 9:40 AM

#

Yes, so as I suspect that code/API request is throwing an error that you're not catching

#

Can you adapt your code to use a try/catch block?

try {
const session = await stripe.checkout.sessions.create({
    ui_mode: 'embedded',
    customer_email: 'customer@example.com',
    submit_type: 'donate',
    billing_address_collection: 'auto',
    shipping_address_collection: {
      allowed_countries: ['US', 'CA'],
    },
    line_items: [
      {
        // Provide the exact Price ID (for example, price_1234) of the product you want to sell
        price: 'price_1SKwrwFSXSPNg8P8MDxCRpmY',
        quantity: 1,
      },
    ],
    mode: 'payment',
    return_url: `${YOUR_DOMAIN}/return?session_id={CHECKOUT_SESSION_ID}`,
  });

  res.send({clientSecret: session.client_secret});
  console.log('does work?')
} catch(err) {
  console.log('err', err)
}```

#

Use that, run it again and you should see 'err', ... in the console

west rock Oct 24, 2025, 9:48 AM

#

i only see this in the console: You may test your Stripe.js integration over HTTP. However, live Stripe.js integrations must use HTTPS. POST http://localhost:5173/create-checkout-session 404 (Not Found) Uncaught (in promise) IntegrationError: fetchClientSecret failed with error "Failed to execute 'json' on 'Response': Unexpected end of JSON input" he resource https://js.stripe.com/v3/fingerprinted/js/checkout-embedded-app-init-45a5ad458d95eca32ad9a52c6454d04e.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate as value and it is preloaded intentionally. Error: Timed out waiting for client secret

polar harness Oct 24, 2025, 9:50 AM

#

When I say terminal I don't mean the browser. I mean the place where you start the Node.js server via npm dev or whatever

#

Have you done that?

west rock Oct 24, 2025, 9:53 AM

#

yes in the code editor i open the terminal, then write npm run dev and the browser opens with the site i work on

#

but the errors get shown in the browser console

polar harness Oct 24, 2025, 9:57 AM

#

And therte's nothing in the editor terminal?

#

POST http://localhost:5173/create-checkout-session 404 (Not Found)
Are you sure your application is running on that port?

#

Normally it'd be :3000 by default I think

west rock Oct 24, 2025, 10:00 AM

#

in my code editor there is only this normal vite text: > deso@0.0.0 dev

vite

VITE v5.2.11 ready in 280 ms

➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h + enter to show help

queen shaleBOT Oct 24, 2025, 10:01 AM

#

west rock Oct 24, 2025, 10:01 AM

#

i dont know how to be sure where its running, but in my browser top there is http://localhost:5173/

polar harness Oct 24, 2025, 10:02 AM

#

Yeah clearly the frontend (React) code that initialises the call to the server can't find the URL, hence the 404 error

west rock Oct 24, 2025, 10:17 AM

#

but when i change this const YOUR_DOMAIN = 'http://localhost:3000';
to localhost:5173 nothing changes

tawdry hemlock Oct 24, 2025, 10:20 AM

#

Hey! Taking over for my colleague. Sorry, but this seems to be a react Js issue rather than Stripe product related issue.

#

First, you need to be able to interact to your backend (for example using curl or postman), then use that same url in your frontend.

west rock Oct 24, 2025, 10:30 AM

#

i have never made any backend, i just made the frontend with vite react and then put the app.jsx and server.js code from your docs in, i assumed, that when i use react i automatically have node.js, and when i use the stripe form thats all the backend i need

tawdry hemlock Oct 24, 2025, 10:32 AM

#

No, you'll need a backend

#

The guide you shared intially do use a backend

#

#

server.js is a backend

#

You can download the complete project and run it locally in order to better understand the flow

west rock Oct 24, 2025, 10:35 AM

#

oh, i thought server.js IS the backend to make this work.. i did download the complete project, but i could not get that running too, ill look at it again

tawdry hemlock Oct 24, 2025, 10:36 AM

#

Try downloading it and run it without making any change on it first.

west rock Oct 24, 2025, 10:38 AM

#

i do, when i go to readme.doc there is a 1. npm install (that works), 2. npm start (there i get error: bernardsorel@unknownea1275a65459 stripe-sample-code % npm start

stripe-sample@0.1.0 start
concurrently "yarn start-client" "yarn start-server"

[0] /bin/sh: yarn: command not found
[1] /bin/sh: yarn: command not found
[0] yarn start-client exited with code 127
[1] yarn start-server exited with code 127
bernardsorel@unknownea1275a65459 stripe-sample-code %

tawdry hemlock Oct 24, 2025, 10:41 AM

#

yarn: command not found
you need to install yarn

west rock Oct 24, 2025, 11:06 AM

#

it works!!! i see it looks similar to my site, only thing i notice is very different is the package.json, so in order to make my site work i need the dependencys and the "homepage": "http://localhost:3000/checkout",
"proxy": "http://localhost:4242" line?

#

is this what you mean by the backend?

#

or where do i define/get it from?

tawdry hemlock Oct 24, 2025, 11:20 AM

#

west rock is this what you mean by the backend?

It depends how are you setting your backend

#

But you can use the quickstart project as a base

#

and continue working on it as your website

west rock Oct 24, 2025, 11:23 AM

#

okey, thanks

#awombmayu_docs