Curso de Desarrollo de Aplicaciones Web con Gatsby JS

Toma las primeras clases gratis

COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

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
Felicidades, ya puedes comprar productos con cualquiera de las tarjetas de prueba

Curso de Desarrollo de Aplicaciones Web con Gatsby JS

Toma las primeras clases gratis

COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

0 Comentarios

para escribir tu comentario

Artículos relacionados