SDK React Native

Cette page s'adresse aux développeurs qui créent leur propre application mobile. Pour répondre à vos clients depuis votre téléphone, utilisez plutôt l'application mobile Chatzora. Voir Répondre vous-même aux clients.

Le paquet @chatzora/react-native-sdk affiche votre page de chat hébergée dans une vue react-native-webview. Il fonctionne sur iOS et Android.

Installation

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

Avec Expo, installez le WebView avec l'installeur d'Expo pour que la version corresponde à votre SDK :

npx expo install react-native-webview

Utilisation

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 },
});

Vous pouvez copier ce code avec l'identifiant de votre assistant déjà renseigné depuis Canaux → SDK mobile.

Props

Prop	Type	Obligatoire	Description
`agentId`	`string`	Oui	L'identifiant de votre assistant.
`visitorId`	`string`	Non	Un identifiant stable de l'utilisateur, comme l'identifiant de votre client. Si vous l'omettez, la page de chat en crée un.
`themeColor`	`string`	Non	Remplace la couleur du thème enregistrée dans le tableau de bord, par exemple `#10b981`.
`dataTitle`	`string`	Non	Remplace le titre du chat enregistré dans le tableau de bord.
`apiBase`	`string`	Non	Adresse Chatzora. Par défaut, `https://chatzora.com`.
`style`	`ViewStyle`	Non	Style de la vue conteneur.
`onClose`	`() => void`	Non	Appelé lorsque l'utilisateur touche le bouton de fermeture du chat.
`onMessageReceived`	`(event: WebViewMessageEvent) => void`	Non	Reçoit les autres messages publiés par la page de chat, comme les nouveaux messages. Les messages d'autres origines sont ignorés.

Votre assistant doit être en ligne pour que le chat fonctionne. Les conversations du SDK apparaissent dans Conversations et comptent dans vos messages mensuels.

Installation

Utilisation

Props

Sur cette page