SDK React Native

Tampilkan asisten Anda di dalam aplikasi React Native atau Expo milik Anda sendiri.

Halaman ini untuk developer yang membuat aplikasi seluler sendiri. Untuk menjawab pelanggan dari ponsel, gunakan aplikasi seluler Chatzora. Lihat Balas pelanggan sendiri.

Paket @chatzora/react-native-sdk menampilkan halaman chat Anda yang di-hosting di dalam tampilan react-native-webview. Berfungsi di iOS dan Android.

Pemasangan

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

Dengan Expo, pasang WebView memakai installer Expo agar versinya cocok dengan SDK Anda:

npx expo install react-native-webview

Penggunaan

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

Anda bisa menyalin kode ini dengan ID asisten Anda yang sudah terisi dari Kanal → SDK seluler.

Props

Prop	Tipe	Wajib	Deskripsi
`agentId`	`string`	Ya	ID asisten Anda.
`visitorId`	`string`	Tidak	ID tetap untuk pengguna, seperti ID pelanggan Anda. Jika dikosongkan, halaman chat membuatnya.
`themeColor`	`string`	Tidak	Menggantikan warna tema yang disimpan di dasbor, misalnya `#10b981`.
`dataTitle`	`string`	Tidak	Menggantikan judul chat yang disimpan di dasbor.
`apiBase`	`string`	Tidak	Alamat Chatzora. Defaultnya `https://chatzora.com`.
`style`	`ViewStyle`	Tidak	Gaya untuk tampilan kontainer.
`onClose`	`() => void`	Tidak	Dipanggil saat pengguna mengetuk tombol tutup di chat.
`onMessageReceived`	`(event: WebViewMessageEvent) => void`	Tidak	Menerima pesan lain yang dikirim halaman chat, seperti pesan chat baru. Pesan dari origin lain diabaikan.

Asisten Anda harus aktif agar chat berfungsi. Percakapan dari SDK muncul di Percakapan dan dihitung dalam pesan bulanan Anda.

Pemasangan

Penggunaan

Props

Di halaman ini