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 سے آنے والی گفتگوئیں گفتگوئیں میں دکھائی دیتی ہیں اور آپ کے ماہانہ پیغامات میں شمار ہوتی ہیں۔