View a markdown version of this page

Mengintegrasikan Connect Customer mengobrol ke aplikasi seluler - Pelanggan Amazon Connect

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

Mengintegrasikan 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 StartChatContact API untuk memulai kontak.

Opsi integrasi mana yang digunakan

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

WebView integrasi

Dengan WebView integrasi Connect Customer Chat, Anda dapat 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 JavaScript dengan benar.

Untuk informasi selengkapnya tentang menerapkan WebView integrasi, lihat GitHub repositori Contoh UI obrolan Hubungkan Pelanggan.

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

Connect Customer SDK Obrolan 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 API Layanan Peserta Pelanggan Connect dan mengabstraksi pengelolaan sesi obrolan dan. WebSocket Ini membantu Anda untuk fokus pada antarmuka pengguna dan pengalaman sambil mengandalkan SDK O Connect Customer brolan untuk berinteraksi dengan semua layanan back-end. Pendekatan ini masih mengharuskan Anda menggunakan back end obrolan Anda sendiri untuk memanggil Connect Customer StartChatContact API untuk memulai kontak.

  • Untuk informasi selengkapnya tentang Swift-based iOS SDK, lihat GitHub halaman Connect Customer Chat SDK untuk iOS.

  • Untuk informasi selengkapnya tentang Kotlin-based Android SDK, lihat GitHub halaman Connect Customer Chat SDK untuk Android.

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

Integrasi React Native

Hubungkan Obrolan Pelanggan 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 kustomisasi dan efisiensi pengembangan saat menggunakan kemampuan React Native untuk membuat aplikasi seluler yang kuat.

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 alur pemrograman antara pelanggan yang menggunakan aplikasi seluler dan agen. Teks bernomor dalam diagram sesuai dengan teks bernomor di bawah gambar.

Alu Connect Customer r program obrolan.
Dalam diagram
  1. Ketika pelanggan memulai obrolan di aplikasi seluler, aplikasi harus mengirim permintaan untuk Connect Customer menggunakan StartChatContact API. Ini memerlukan parameter khusus, seperti titik akhir API dan ID untuk instans dan aliran kontak, untuk mengotentikasi 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 kap, SDK berinteraksi dengan Layanan Connect Customer Peserta menggunakan AWS SDK. 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, acara, dan lampiran dari agen. Ini semua akan ditangani dan diurai 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 O Connect Customer brolan ke aplikasi seluler asli Anda:

  1. Anda dapat dengan cepat mengatur CloudFormation tumpukan untuk menyediakan back-end yang diperlukan untuk dipanggil StartChatContact dengan melihat contoh ChatContact API awal kami di GitHub.

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

    Lihat contoh contoh obro lan iOS dan Android kami yang menunjukkan cara mengaktifkan aplikasi obrolan menggunakan SDK O Connect Customer brolan untuk iOS/Android.

  3. Lihat GitHub halaman Connect Customer Chat SDK untuk iOS dan Connect Customer Chat SDK untuk Android. GitHub Halaman berisi dokumentasi API dan panduan implementasi yang menjelaskan prasyarat dan langkah instalasi 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 pengaturan atau penggunaan SDK Obrolan di aplikasi seluler Anda, Anda dapat mengajukan masalah di halaman Connect Customer Chat SDK untuk iOS Issues atau halaman Connect Customer Chat SDK untuk Android Issu es. Connect Customer Jika ada masalah dengan contoh UI obrolan seluler, Anda dapat mengajukan masalah di halaman Masalah Contoh UI Obrolan. Connect Customer