React Native, Flutter en Ionic

Alledrie verpakken ze dezelfde gehoste chatpagina, dus alles waarmee u traint, bereikt klanten op elk van deze kanalen tegelijk.

React Native

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

react-native-webview is een peer-afhankelijkheid, geen ingebouwde optie. React Native heeft geen ingebouwde webview, en het meeleveren daarvan zou botsen met welke versie je app al heeft.

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

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

Bouw de app opnieuw op na de installatie — react-native-webview bevat native code, dus een JS-herladen is niet voldoende.

Flutter

flutter pub add keyda_bot

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

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

Ook KeydaBot.dismiss() en KeydaBot.isShowing.

Ionic en Capacitor

De meeste Ionic-apps kunnen gewoon het website-snippet gebruiken. Een Ionic-app is al een webview, dus de gewone scripttag werkt precies zoals op een website, en dat is minder code dan welke wrapper dan ook:

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

Plaats het in index.html en u bent klaar.

Installeer @keyda/bot-capacitor alleen als je de chat specifiek wilt als een afzonderlijk schermvullend oppervlak in plaats van een bubbel binnen je eigen lay-out.

npm install @keyda/bot-capacitor
npx cap sync

Cordova en andere hybride frameworks

Zelfde redenering als Ionic: het is een webview, dus de script-tag werkt. Er is geen apart pakket.

Wat ze allemaal gemeen hebben

• Één chat-interface, dus een wijziging in het dashboard is overal direct live zonder app-release
• Links worden geopend buiten de chat en vervangen het gesprek nooit
• Geen analytics, geen apparaat-id's, geen afhankelijkheden van derden buiten de webview die elk platform vereist
• Alleen online — de chat is een gehoste pagina

De broncode van elk pakket is openbaar op github.com/KeydaAI/keyda-business-sdks.