Como Integrar o WebChat do Ligo Bots em Aplicações React Native

< 1 min

O canal “Mobile” do Ligo Bots permite integrar a funcionalidade de WebChat diretamente em aplicações desenvolvidas com React Native.

Pré-requisitos

Antes de iniciar a configuração, certifique-se de ter as seguintes ferramentas instaladas:

  • NodeJS;
  • JDK (Java Development Kit);
  • Android Studio;
  • Android SDK.

Dica: Siga um tutorial detalhado para instalar essas ferramentas e lembre-se de configurar as variáveis de ambiente do sistema após a instalação do Android Studio e SDK.

Observações importantes

  • Utilize Yarn em vez de NPM para gerenciar dependências.
  • Use o Windows PowerShell ou configure corretamente as variáveis de ambiente do Emulador do Android Studio para evitar erros.

Configuração (development)

  1. No aplicativo de exemplo (‎`example/src/App.tsx`), defina o ambiente desejado passando-o como parâmetro no componente principal. Os ambientes disponíveis são:
    • staging
    • dev
    • Para produção, basta omitir o parâmetro do ambiente.
  2. Configure também o ID do bot utilizando o parâmetro ‎`botId`.