View a markdown version of this page

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

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

Integrasikan Connect Customer obrolan ke dalam aplikasi seluler

Topik ini menjelaskan cara mengintegrasikan Amazon Connect 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 Obrolan Amazon Connect memungkinkan Anda 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 out-of-the-box solusi cepat untuk mengintegrasikan fungsionalitas obrolan tanpa penyesuaian ekstensif.

Pendekatan ini memastikan komunikasi yang aman dan memanfaatkan antarmuka obrolan Amazon Connect 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 Contoh UI obrolan Amazon Connect.

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

Connect Customer Obrolan SDKs untuk Seluler

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

Connect Customer Obrolan SDKs membungkus Layanan Peserta Amazon Connect APIs dan mengabstraksi pengelolaan sesi obrolan dan WebSocket. Hal 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.

  • Untuk informasi selengkapnya tentang SDK iOS berbasis Swift, lihat Connect Customer halaman Chat SDK for iOS. GitHub

  • Untuk informasi selengkapnya tentang Android SDK berbasis Kotlin, lihat halaman Connect Customer Chat SDK for Android. GitHub

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

Integrasi React Native

Integrasi Amazon Connect Chat 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 sambil memanfaatkan 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 untuk instance dan alur kontak, IDs 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 integrasi Connect Customer 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 startChatContactAPI kami di. GitHub

  2. Untuk contoh yang menunjukkan cara membangun UI obrolan seluler yang didukung oleh Obrolan Amazon Connect SDKs, 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: Manfaatkan contoh React Native untuk panduan penerapan 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.