Hola amigos, si tienen problemas con la integración de Stripe pueden hacer estos ajustes.
<h1>gatsby-config.js</h1>Obten el objeto Price en lugar de Sku
objects: ["Price"],
<h1>index.js</h1>
Aplica los alias allStripeSku y price en la consulta para no modificar las llamadas en código
allStripeSku: allStripePrice {
edges {
node {
id
price: unit_amount
product {
name
metadata {
description
img
wear
}
}
}
}
}
<h1>Cart.js</h1>
Remueve el modo beta 4 para hacer la integración con la nueva versión y usar price como id único
window.Stripe(process.env.STRIPE_PK)
Cambia el redirect al checkout recuerda que price es un id único en esta integración
stripe.redirectToCheckout({
lineItems: cart.map(({ sku, quantity }) => ({ price: sku, quantity })),
mode: "payment",
successUrl: process.env.SUCCESS_REDIRECT,
cancelUrl: process.env.CANCEL_REDIRECT,
})
Felicidades, ya puedes comprar productos con cualquiera de las tarjetas de prueba
Curso de Desarrollo de Aplicaciones Web con Gatsby JS
0 Comentarios
para escribir tu comentario