Opa! Bom dia, boa tarde, boa noite a todos.
A história é longa, mas vou por partes. O objetivo final é fazer um minicart como esse da https://www.lupo.com.br/.
Em andamento do trabalho, vi que o minicart é um controle da VTEX, o vtex.cmc:AmountItemsInCart/. No caso quando você clica em adicionar o produto no carrinho ou em comprar o vtex.cmc:AmountItemsInCart/ armazena todas essas infos como: Total de produtos, Número de Itens, Total de Kits e Valor total. Até aí ok! O problema é que para que ele atualize em tempo real você tem que utilizar a API da VTEX para que quando você clique em “comprar” ele atualizar em tempo real as infos e não só quando você atualizar a página.
Então… Nas minhas pesquisas vi que a VTEX já vem com um código nativo de minicart e que muita gente monta essa programação utilizando a VTEX.js. Por motivos de performance não posso utilizar a biblioteca VTEX.js. Então optei em utilizar a API nativa mesmo da VTEX. Então vi que a API responsável por essa questão é a API de Checkout (Checkout API - Overview).
A partir daí que as coisas começaram a dar errado. Fui tentar fazer um teste rápido fazendo uma requisição Do OrderForm Simulation (OrderForm) e aí vi que precisava de autenticação. Fui e fiz todo o processo para ter a appKey e appToken conforme tutorial(Authentication). Porém quando eu tento fazer a requisição dá erro do mesmo jeito. Sempre dá algum erro como 400, 403 e etc…
Já tentei mudar o “vtexcommercestable” para “myvetx” ou “vtexlocal” mas continua dando erro. Já tentei fazer por fora utilizando o VTEX Speed mas dá erro de CORS.
Simplesmente não sei mais o que fazer já que uma requisição simples no próprio sistema deles está dando erro.
Alguém tem alguma luz de como posso resolver isso? Eu só queria fazer uma API para quando a pessoa clicar em comprar atualizar o vtex.cmc:AmountItemsInCart/ em tempo real.