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)}
/>

ইনস্টল করার পর অ্যাপটি পুনরায় তৈরি (Rebuild) করুন — react-native-webview-এ নেটিভ কোড থাকে, তাই শুধু জেএস রিলোড যথেষ্ট নয়।

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 এবং অন্যান্য হাইব্রিড

আয়োনিকের মতো একই যুক্তি: এটি একটি ওয়েব ভিউ, তাই স্ক্রিপ্ট ট্যাগ কাজ করে। কোনো আলাদা প্যাকেজ নেই।

সেগুলোর সবগুলোর মধ্যে যা মিল রয়েছে

• একটি মাত্র চ্যাট UI, তাই ড্যাশবোর্ডের পরিবর্তন কোনো অ্যাপ রিলিজ ছাড়াই সর্বত্র লাইভ হয়ে যায়
• লিঙ্কগুলো চ্যাটের বাইরে খোলে, কথোপকথন প্রতিস্থাপন করে না
• কোনো অ্যানালিটিক্স নেই, কোনো ডিভাইসের পরিচয়পত্র নেই, এবং প্রতিটি প্ল্যাটফর্মের নিজস্ব ওয়েব ভিউ ছাড়া কোনো তৃতীয় পক্ষের ওপর নির্ভরতা নেই
• শুধুমাত্র অনলাইন — চ্যাটটি একটি হোস্ট করা পেজ

প্রতিটি প্যাকেজের সোর্স github.com/KeydaAI/keyda-business-sdks-এ পাবলিক করা আছে।