React Native و Flutter و Ionic

جميع الخيارات الثلاثة تعتمد على نفس صفحة الدردشة المستضافة، لذا فإن كل ما تدرب البوت عليه يصل إلى العملاء عبر جميع هذه القنوات في وقت واحد.

React Native

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

react-native-webview هو اعتماد نظير، وليس اعتماداً مجمعاً. لا يحتوي React Native على عرض ويب مدمج، وتضمين واحد قد يتعارض مع أي إصدار يمتلكه تطبيقك بالفعل.

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

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

أعد بناء التطبيق بعد التثبيت — react-native-webview يحتوي على كود أصلي، لذا فإن إعادة تحميل JavaScript لا تكفي.

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: إنها واجهة ويب (web view)، لذا يعمل وسم البرنامج النصي (script tag). لا توجد حزمة منفصلة.

ما يشتركون فيه جميعاً

• واجهة دردشة واحدة، بحيث يتم تطبيق أي تغيير في لوحة التحكم في كل مكان دون الحاجة لإصدار تحديث للتطبيق
• الروابط تفتح خارج الدردشة، ولا تحل محل المحادثة أبداً
• لا توجد تحليلات، ولا معرفات أجهزة، ولا تبعيات خارجية تتجاوز عرض الويب الذي تتطلبه كل منصة
• عبر الإنترنت فقط — الدردشة عبارة عن صفحة مستضافة

مصدر كل حزمة متاح للعامة على github.com/KeydaAI/keyda-business-sdks.