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 से आई बातचीत बातचीत में दिखती है और आपके मासिक संदेशों में गिनी जाती है।