View a markdown version of this page

Integrasikan Connect Customer mengobrol ke aplikasi seluler - Pelanggan Amazon Connect
Opsi integrasi mana yang akan digunakanConnect Customer alur kerja integrasi obrolanMemulai dengan Connect Customer integrasi obrolan

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

Integrasikan Connect Customer mengobrol ke aplikasi seluler

Topik ini menjelaskan cara mengintegrasikan Connect Customer Chat ke dalam aplikasi seluler Anda. Anda dapat menggunakan salah satu opsi berikut:

Gunakan Connect Customer StartChatContactAPI untuk memulai kontak.

Opsi integrasi mana yang akan digunakan

Bagian ini memberikan deskripsi dari setiap opsi integrasi untuk membantu Anda memutuskan mana yang akan digunakan untuk solusi Anda.

WebView integrasi

WebView Integrasi Connect Customer Chat memungkinkan Anda untuk menyematkan pengalaman obrolan penuh ke dalam aplikasi seluler Anda dengan upaya pengembangan minimal. Metode ini digunakan WebView di Android dan WKWebView iOS untuk menyediakan antarmuka obrolan yang mulus dan komprehensif. Ini sangat ideal untuk tim yang mencari solusi cepat dan out-of-the-box untuk mengintegrasikan fungsionalitas obrolan tanpa penyesuaian ekstensif.

Pendekatan ini memastikan komunikasi yang aman dan menggunakan antarmuka obrolan Connect Customer berbasis web. Namun, Anda perlu mengonfigurasi aplikasi Anda untuk menangani cookie dan JavaScript dengan benar.

Untuk informasi selengkapnya tentang penerapan WebView integrasi, lihat GitHub repositori Connect Customer Chat UI Examples.

Rekomendasi: WebView-based integrasi sangat ideal untuk pengembangan yang cepat dan pemeliharaan minimal sambil memastikan fungsionalitas obrolan yang komprehensif.

Connect Customer Obrolan SDK untuk Seluler

SDK Connect Customer Obrolan untuk iOS dan Android menyederhanakan integrasi Connect Customer obrolan untuk aplikasi seluler asli. SDK membantu menangani logika obrolan sisi klien dan komunikasi back-end yang mirip dengan Amazon Connect ChatJS Library.

SDK Connect Customer Obrolan membungkus Connect Customer Participant Service API dan mengabstraksi pengelolaan sesi obrolan dan. WebSocket Ini memungkinkan Anda untuk fokus pada antarmuka pengguna dan pengalaman sambil mengandalkan Connect Customer Chat SDK untuk berinteraksi dengan semua layanan back-end. Pendekatan ini masih mengharuskan Anda untuk menggunakan back end obrolan Anda sendiri untuk memanggil Connect Customer StartChatContact API untuk memulai kontak.

Manfaat: SDK Asli memungkinkan fungsionalitas yang kuat dan kinerja tinggi, menjadikannya ideal untuk aplikasi yang membutuhkan penyesuaian mendalam dan pengalaman pengguna yang mulus.

Integrasi React Native

Connect Customer Chat Integrasi React Native menawarkan solusi lintas platform. Ini memungkinkan tim untuk membangun fungsionalitas obrolan untuk Android dan iOS dengan basis kode bersama. Metode ini menyeimbangkan efisiensi kustomisasi dan pengembangan saat menggunakan kemampuan React Native untuk membuat aplikasi seluler yang tangguh.

Integrasi ini menggunakan jembatan asli untuk mengakses fitur-fitur canggih dan memastikan kinerja yang konsisten dan pengalaman pengguna yang seragam di seluruh platform. Lebih mudah untuk mengimplementasikan fitur-fitur utama seperti WebSocket komunikasi dengan menggunakan pustaka seperti react-native-websocket dan panggilan API denganaxios.

Terbaik untuk: Tim yang ingin memaksimalkan penggunaan kembali kode sambil mempertahankan fleksibilitas fungsional.

Connect Customer alur kerja integrasi obrolan

Diagram berikut menunjukkan aliran pemrograman antara pelanggan menggunakan aplikasi seluler dan agen. Teks bernomor dalam diagram sesuai dengan teks bernomor di bawah gambar.

Diagram yang menunjukkan alur program Connect Customer obrolan.
Dalam diagram

  1. Saat pelanggan memulai obrolan di aplikasi seluler, aplikasi harus mengirim permintaan untuk Connect Customer menggunakan StartChatContactAPI. Ini memerlukan parameter tertentu, seperti titik akhir API dan ID untuk instance dan alur kontak, untuk mengautentikasi dan memulai obrolan.

  2. StartChatContactAPI berinteraksi dengan sistem back-end Anda untuk mendapatkan token peserta dan ID kontak yang bertindak sebagai pengidentifikasi unik untuk sesi obrolan.

  3. UI aplikasi meneruskan StartChatContact respons ke SDK seluler agar SDK dapat berkomunikasi dengan benar dengan Layanan Connect Customer Peserta dan mengatur sesi obrolan pelanggan.

  4. SDK mengekspos objek ChatSession ke UI, yang berisi metode yang mudah digunakan untuk berinteraksi dengan sesi obrolan.

  5. Di bawah tenda, SDK berinteraksi dengan Layanan Connect Customer Peserta menggunakan SDK.AWS Komunikasi dengan Layanan Connect Customer Peserta bertanggung jawab atas semua interaksi pelanggan dengan sesi obrolan. Ini termasuk tindakan sepertiCreateParticipantConnection,SendMessage,GetTranscript, atauDisconnectParticipant.

  6. SDK juga mengelola WebSocket koneksi yang diperlukan untuk menerima pesan, peristiwa, dan lampiran dari agen. Ini semua akan ditangani dan diuraikan oleh SDK dan muncul ke UI dalam struktur yang mudah dikonsumsi.

Memulai dengan Connect Customer integrasi obrolan

Langkah-langkah dan sumber daya berikut akan membantu Anda memulai mengintegrasikan Connect Customer Obrolan ke dalam aplikasi seluler asli Anda:

  1. Anda dapat dengan cepat menyiapkan CloudFormationtumpukan untuk menyediakan back-end yang diperlukan untuk dipanggil StartChatContact dengan melihat contoh ChatContactAPI awal kami di. GitHub

  2. Untuk contoh yang menunjukkan cara membangun UI obrolan seluler yang didukung oleh Connect Customer Chat SDK, lihat GitHub proyek Contoh UI kami.

    Lihat contoh contoh obrolan iOS dan Android kami yang menampilkan cara mengaktifkan aplikasi obrolan menggunakan SDK Connect Customer Obrolan untuk. iOS/Android

  3. Lihat halaman Connect Customer Chat SDK for iOS Connect Customer dan Chat SDK for Android. GitHub GitHub Halaman berisi dokumentasi API dan panduan implementasi yang menjelaskan prasyarat dan langkah penginstalan apa pun.

  4. Siapkan integrasi React Native: Gunakan contoh React Native untuk panduan menerapkan solusi berbasis react native.

  5. Jika ada pertanyaan atau masalah terkait penyiapan atau penggunaan SDK Connect Customer Obrolan di aplikasi seluler, Anda dapat mengajukan masalah di halaman Chat SDK for iOS Issues atau Connect Customer halaman Connect Customer Chat SDK for Android Issues. Jika ada masalah dengan contoh UI obrolan seluler, Anda dapat mengajukan masalah di halaman Masalah Contoh UI Connect Customer Obrolan.