Chatzoraডক্স
ডেভেলপার

React Native SDK

আপনার নিজের React Native বা Expo অ্যাপের ভেতরে আপনার অ্যাসিস্ট্যান্ট দেখান।

এই পেজটি সেইসব ডেভেলপারের জন্য যাঁরা নিজের মোবাইল অ্যাপ বানান। ফোন থেকে কাস্টমারদের উত্তর দিতে Chatzora মোবাইল অ্যাপ ব্যবহার করুন। দেখুন কাস্টমারদের নিজে উত্তর দিন।

@chatzora/react-native-sdk প্যাকেজ আপনার হোস্ট করা চ্যাট পেজ একটি react-native-webview ভিউয়ের ভেতরে দেখায়। এটি iOS ও Android দুটোতেই চলে।

ইনস্টল

npm install @chatzora/react-native-sdk react-native-webview

Expo-তে 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টাইপআবশ্যকবিবরণ
agentIdstringহ্যাঁআপনার অ্যাসিস্ট্যান্টের আইডি।
visitorIdstringনাব্যবহারকারীর স্থির আইডি, যেমন আপনার কাস্টমার আইডি। না দিলে চ্যাট পেজ একটি তৈরি করে।
themeColorstringনাড্যাশবোর্ডে সেভ করা থিমের রং বদলে দেয়, যেমন #10b981।
dataTitlestringনাড্যাশবোর্ডে সেভ করা চ্যাটের শিরোনাম বদলে দেয়।
apiBasestringনাChatzora ঠিকানা। ডিফল্ট https://chatzora.com।
styleViewStyleনাকনটেইনার ভিউয়ের স্টাইল।
onClose() => voidনাব্যবহারকারী চ্যাটের বন্ধ করার বোতামে চাপ দিলে কল হয়।
onMessageReceived(event: WebViewMessageEvent) => voidনাচ্যাট পেজ থেকে পাঠানো অন্য বার্তা পায়, যেমন নতুন চ্যাট বার্তা। অন্য অরিজিনের বার্তা উপেক্ষা করা হয়।

চ্যাট কাজ করার জন্য আপনার অ্যাসিস্ট্যান্ট লাইভ থাকতে হবে। SDK থেকে আসা কথোপকথন কথোপকথন-এ দেখা যায় এবং আপনার মাসিক বার্তার হিসাবে গণ্য হয়।

এই পৃষ্ঠায়