React Native, Flutter e Ionic
Los tres integran la misma página de chat alojada, por lo que todo lo que entrenes llega a los clientes en todos ellos a la vez.
React Native
npm install @keyda/bot-react-native react-native-webview
cd ios && pod installreact-native-webview es una dependencia externa, no incluida. React Native no tiene una vista web integrada, y empaquetar una entraría en conflicto con la versión que tu aplicación ya tenga.
import { KeydaBot } from '@keyda/bot-react-native';
<KeydaBot
clientId="kb_live_your_key_here"
visible={showChat}
onClose={() => setShowChat(false)}
/>Reconstruye la aplicación después de instalarla — react-native-webview tiene código nativo, por lo que una recarga de JS no es suficiente.
Flutter
flutter pub add keyda_bot// Once, at app start
KeydaBot.init('kb_live_your_key_here');
// From your Help button
KeydaBot.show(context);También KeydaBot.dismiss() y KeydaBot.isShowing.
Ionic y Capacitor
La mayoría de las aplicaciones Ionic deberían usar simplemente el fragmento del sitio web. Una aplicación Ionic ya es una vista web, por lo que la etiqueta de script simple funciona exactamente igual que en un sitio web, y es menos código que cualquier contenedor:
<script src="https://keyda.in/business/widget.js"
data-key="kb_live_your_key_here" async></script>Pégalo en index.html y habrás terminado.
Instala @keyda/bot-capacitor solo si quieres específicamente que el chat aparezca como una superficie independiente a pantalla completa en lugar de como una burbuja dentro de tu propio diseño.
npm install @keyda/bot-capacitor
npx cap syncCordova y otros híbridos
El mismo razonamiento que Ionic: es una vista web, por lo que la etiqueta de script funciona. No hay un paquete separado.
Lo que todos ellos comparten
- Una sola interfaz de chat, para que un cambio en el panel esté activo en todas partes sin necesidad de lanzar una nueva versión de la aplicación
- Los enlaces se abren fuera del chat, sin reemplazar nunca la conversación
- Sin análisis, sin identificadores de dispositivos, sin dependencias de terceros más allá de la vista web que requiere cada plataforma
- Solo en línea: el chat es una página alojada
El código fuente de cada paquete es público en github.com/KeydaAI/keyda-business-sdks.