How to use my own API in a react app?

[MatiasHS1]

Hey everyone!

I’m developing an app integration to connect to my company’s augmented reality services to a store. The app is ready in it’s first state and now we’re thinking about publishing it in the VTEX App Store.

We have our own API services and I was reading the engineering guidelines before submitting and it says that we need to use the VTEX IO Clients, which I think I understand now, but I don’t know how to make those calls from React or how to communicate the Node module with React.

Is there any guide or tutorial I can follow? I can’t find the exact information I need.

For now I’m just using axios to handle all the requests I need in React.

[Saito]

Hola Matias,

The last message in this topic might help you.

Autenticação entre app node e app react

Oi Saito, tudo bom? Pelo menos nos testes que realizei aqui, colocando “public”: true ele aceita qualquer tipo de acesso independente da configuração do VRN. Vou tentar seguir com a opção dada pela AnaMB e retorno aqui no tópico quando tiver resultado. Obrigado pela ajuda!

Saludos

[MatiasHS1]

Hola @Saito,

I think I found my answer in that thread, this tutorial is what I was looking for. I’m trying that solution now.

I’m getting this error following that tutorial though:

error: node@4.x builder failed to install dependencies through yarn (retries=0)
yarn errors:
graphql@16.6.0: The engine "node" is incompatible with this module. Expected version "^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0". Got "12.16.1"
Found incompatible module. vtex.builder-hub@0.285.4

But I think that might be an issue for another thread, so once I figure it out what is going on I’ll close this one.

So thanks for the answer!

[Saito]

Hola Matias,

Maybe this thread might help you.

Graphql@16.3.0: The engine "node" is incompatible with this module

Hola @rocamil85 Teniendo en cuenta tu problema, hemos modificamos la versión del “@vtex/test-tools” ubicado “devDependencies” en el package.json de la carpeta node. Esta versión paso de ser “^1.0.0” a “^3.4.3”. Finalmente, es necesario eliminar el archivo yarn.lock y seguido ejecutar nuevamente el proyecto usando vtex link. Adjunto la evidencia de mi package.json [image] El ajuste es necesario ya que entran en conflicto las versiones de las dependencias. Si tu problema persiste, no dudes en…

[MatiasHS1]

I found the same thread and that solution didn’t work for me. I’m looking for similar posts to see if I can find the answer.

Thanks!

[MatiasHS1]

I forgot to close this, but I found a way to use my own API. Sometimes it’s hard to find tutorials related to VTEX apps but I’ll list the resources that helped me here:

• Services
• Using and creating clients

About the error I mentioned before about the Node Builder and the version compatibility I just needed to create a service.json file with this inside:

{
  "memory": 256,
  "timeout": 2,
  "minReplicas": 2,
  "maxReplicas": 4
}

Thanks to @Saito for the help!