ডেভেলপার
React Native SDK
আপনার নিজের React Native বা Expo অ্যাপের ভেতরে আপনার অ্যাসিস্ট্যান্ট দেখান।
এই পেজটি সেইসব ডেভেলপারের জন্য যাঁরা নিজের মোবাইল অ্যাপ বানান। ফোন থেকে কাস্টমারদের উত্তর দিতে Chatzora মোবাইল অ্যাপ ব্যবহার করুন। দেখুন কাস্টমারদের নিজে উত্তর দিন।
@chatzora/react-native-sdk প্যাকেজ আপনার হোস্ট করা চ্যাট পেজ একটি react-native-webview ভিউয়ের ভেতরে দেখায়। এটি iOS ও Android দুটোতেই চলে।
ইনস্টল
npm install @chatzora/react-native-sdk react-native-webviewExpo-তে WebView ইনস্টল করুন Expo-র ইনস্টলার দিয়ে, যাতে ভার্সন আপনার SDK-র সঙ্গে মেলে:
npx expo install react-native-webviewব্যবহার
import React from 'react';
import { SafeAreaView, StyleSheet } from 'react-native';
import { ChatzoraWidget } from '@chatzora/react-native-sdk';
export default function ChatScreen() {
return (
<SafeAreaView style={styles.container}>
<ChatzoraWidget
agentId="YOUR_ASSISTANT_ID"
apiBase="https://chatzora.com"
themeColor="#10b981"
dataTitle="Support"
/>
</SafeAreaView>
);
}
const styles = StyleSheet.create({
container: { flex: 1 },
});আপনার অ্যাসিস্ট্যান্টের আইডি বসানো এই কোড আপনি চ্যানেল → মোবাইল SDK থেকে কপি করতে পারেন।
Props
| Prop | টাইপ | আবশ্যক | বিবরণ |
|---|---|---|---|
agentId | string | হ্যাঁ | আপনার অ্যাসিস্ট্যান্টের আইডি। |
visitorId | string | না | ব্যবহারকারীর স্থির আইডি, যেমন আপনার কাস্টমার আইডি। না দিলে চ্যাট পেজ একটি তৈরি করে। |
themeColor | string | না | ড্যাশবোর্ডে সেভ করা থিমের রং বদলে দেয়, যেমন #10b981। |
dataTitle | string | না | ড্যাশবোর্ডে সেভ করা চ্যাটের শিরোনাম বদলে দেয়। |
apiBase | string | না | Chatzora ঠিকানা। ডিফল্ট https://chatzora.com। |
style | ViewStyle | না | কনটেইনার ভিউয়ের স্টাইল। |
onClose | () => void | না | ব্যবহারকারী চ্যাটের বন্ধ করার বোতামে চাপ দিলে কল হয়। |
onMessageReceived | (event: WebViewMessageEvent) => void | না | চ্যাট পেজ থেকে পাঠানো অন্য বার্তা পায়, যেমন নতুন চ্যাট বার্তা। অন্য অরিজিনের বার্তা উপেক্ষা করা হয়। |
চ্যাট কাজ করার জন্য আপনার অ্যাসিস্ট্যান্ট লাইভ থাকতে হবে। SDK থেকে আসা কথোপকথন কথোপকথন-এ দেখা যায় এবং আপনার মাসিক বার্তার হিসাবে গণ্য হয়।