React Native, Flutter и Ionic

Все три варианта используют одну и ту же размещенную страницу чата, поэтому все, чему вы обучите бота, сразу станет доступно клиентам на каждой из них.

React Native

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

react-native-webview является peer-зависимостью, а не встроенным компонентом. В React Native нет встроенного web view, и добавление стороннего привело бы к конфликту с версией, которая уже есть в вашем приложении.

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

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

Пересоберите приложение после установки — react-native-webview содержит нативный код, поэтому перезагрузки JS недостаточно.

Flutter

flutter pub add keyda_bot

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

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

Также KeydaBot.dismiss() и KeydaBot.isShowing.

Ionic и Capacitor

Большинству приложений на Ionic достаточно использовать фрагмент кода для сайта. Приложение Ionic — это уже веб-представление, поэтому обычный тег скрипта работает так же, как на сайте, и требует меньше кода, чем любая обертка:

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

Вставьте это в index.html, и готово.

Устанавливайте @keyda/bot-capacitor только в том случае, если вы специально хотите, чтобы чат был отдельной полноэкранной поверхностью, а не окном внутри вашего собственного макета.

npm install @keyda/bot-capacitor
npx cap sync

Cordova и другие гибридные платформы

Логика та же, что и для Ionic: это веб-представление, поэтому тег скрипта работает. Отдельного пакета нет.

Что у них общего

• Единый интерфейс чата: изменения в панели управления сразу отображаются везде без необходимости выпускать обновление приложения
• Ссылки открываются вне чата, не прерывая разговор
• Никакой аналитики, никаких идентификаторов устройств, никаких сторонних зависимостей, кроме веб-представления, требуемого каждой платформой
• Только онлайн — чат размещается на отдельной странице

Исходный код для каждого пакета находится в открытом доступе по адресу github.com/KeydaAI/keyda-business-sdks.