React Native, Flutter et Ionic

Ces trois options utilisent la même page de chat hébergée ; ainsi, tout ce que vous ajoutez est immédiatement accessible à vos clients sur tous ces supports.

React Native

npm install @keyda/bot-react-native react-native-webview
cd ios && pod install

react-native-webview est une dépendance homologue, et non une dépendance intégrée. React Native ne dispose pas de vue web native, et en inclure une entrerait en conflit avec la version déjà présente dans votre application.

import { KeydaBot } from '@keyda/bot-react-native';

<KeydaBot
  clientId="kb_live_your_key_here"
  visible={showChat}
  onClose={() => setShowChat(false)}
/>

Reconstruisez l'application après l'installation — react-native-webview contient du code natif, un rechargement JS ne suffit donc pas.

Flutter

flutter pub add keyda_bot

// Once, at app start
KeydaBot.init('kb_live_your_key_here');

// From your Help button
KeydaBot.show(context);

Également KeydaBot.dismiss() et KeydaBot.isShowing.

Ionic et Capacitor

La plupart des applications Ionic devraient simplement utiliser le snippet du site web. Une application Ionic est déjà une vue web, donc la balise script standard fonctionne exactement comme sur un site web, et cela nécessite moins de code qu'un wrapper :

<script src="https://keyda.in/business/widget.js"
        data-key="kb_live_your_key_here" async></script>

Insérez-le dans index.html et vous avez terminé.

Installez @keyda/bot-capacitor uniquement si vous souhaitez spécifiquement que le chat apparaisse comme une interface plein écran séparée plutôt que comme une bulle dans votre propre mise en page.

npm install @keyda/bot-capacitor
npx cap sync

Cordova et autres solutions hybrides

Même logique qu'avec Ionic : il s'agit d'une vue web, donc la balise script fonctionne. Il n'y a pas de package séparé.

Ce qu'ils ont tous en commun

• Une interface de chat unique, pour qu'une modification dans le tableau de bord soit immédiatement visible partout sans nouvelle version de l'application
• Les liens s'ouvrent en dehors du chat, sans jamais remplacer la conversation
• Pas d'analytique, pas d'identifiants d'appareils, pas de dépendances tierces au-delà de la vue web requise par chaque plateforme
• En ligne uniquement — le chat est une page hébergée

La source de chaque package est publique sur github.com/KeydaAI/keyda-business-sdks.