Consultar los datos del carrito

VTEX in your native language 🌎 Español
,
12

@marmarquez Hola. Perdon pela demora.

Me alegra que la información te haya sido útil!

  1. Aplicando vtexjs.checkout.orderForm en una app custom: Puedes utilizar el objeto vtexjs.checkout.orderForm desde el front-end de la tienda en una app custom, incluso si está construida con React. Para ello, debes asegurarte de que tu app está correctamente integrada en la tienda VTEX y tiene acceso al contexto global del front-end. Este contexto ya debería estar disponible en el window, por lo que no necesitas hacer una configuración adicional.Si estás construyendo una Pixel app, el acceso a este objeto también es posible, ya que los píxeles se ejecutan en el front-end de la tienda, lo que significa que tienes acceso al mismo contexto global. En ambos casos, puedes manipular vtexjs.checkout.orderForm directamente.
  2. Problemas de CORS al hacer peticiones al API del orderForm desde una app custom: Cuando haces peticiones al API desde una app custom, es común encontrarse con problemas de CORS. Esto sucede porque el navegador bloquea peticiones que cruzan dominios a menos que el servidor (en este caso, VTEX) permita esas peticiones desde tu dominio específico.Si estás enfrentando este problema, te recomendaría usar el enfoque vtexjs.checkout.orderForm directamente en el front-end para evitar estos problemas de CORS. Este objeto ya maneja internamente las sesiones de usuario y evita la necesidad de hacer peticiones directas al API desde tu app custom.En caso de que necesites hacer una petición directa, asegúrate de que estás configurando correctamente los encabezados CORS en tu servidor backend, o utiliza una proxy server para evitar el problema.

Intenta implementar el enfoque de vtexjs.checkout.orderForm en tu app React o Pixel app, ya que esto te permitirá evitar problemas de CORS y trabajar directamente con los datos del carrito.