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