View a markdown version of this page

Integra Connect Customer chattare in un'applicazione mobile - Cliente Amazon Connect
Quale opzione di integrazione utilizzareConnect Customer flusso di lavoro di integrazione della chatInizia con Connect Customer integrazione con la chat

Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

Integra Connect Customer chattare in un'applicazione mobile

Questo argomento spiega come integrare Connect Customer Chat nella tua applicazione mobile. Puoi utilizzare una delle seguenti opzioni:

Utilizza l' Connect Customer StartChatContactAPI per avviare un contatto.

Quale opzione di integrazione utilizzare

Questa sezione fornisce una descrizione di ciascuna opzione di integrazione per aiutarti a decidere quale utilizzare per la tua soluzione.

WebView integrazione

L' WebView integrazione Connect Customer Chat ti consente di incorporare l'esperienza di chat completa nelle tue applicazioni mobili con uno sforzo di sviluppo minimo. Questo metodo utilizza WebView su Android e WKWebView su iOS per fornire un’interfaccia di chat semplice e completa. È ideale per i team che cercano una soluzione rapida e pronta all’uso per integrare le funzionalità di chat senza personalizzazioni estese.

Questo approccio garantisce una comunicazione sicura e utilizza l'interfaccia di chat Connect Customer basata sul web. Tuttavia, dovrai configurare l'app in modo che gestisca i cookie e JavaScript in modo corretto.

Per ulteriori informazioni sull'implementazione dell' WebView integrazione, consulta l' GitHub archivio degli esempi di interfaccia utente della chat di Connect Customer.

WebView-based Raccomandazione: l'integrazione è ideale per uno sviluppo rapido e una manutenzione minima, garantendo al contempo funzionalità di chat complete.

Connect Customer SDK di chat per dispositivi mobili

Gli SDK Connect Customer Chat per iOS e Android semplificano l'integrazione della Connect Customer chat per le applicazioni mobili native. Gli SDK aiutano a gestire la logica della chat lato client e le comunicazioni di back-end in modo simile alla libreria Amazon Connect ChatJS.

Gli SDK Connect Customer Chat racchiudono le API Connect Customer Participant Service e riassumono la gestione della sessione di chat e. WebSocket In questo modo puoi concentrarti sull'interfaccia utente e sull'esperienza utente affidandoti al Connect Customer Chat SDK per interagire con tutti i servizi di back-end. Questo approccio richiede comunque l'utilizzo del proprio back-end di chat per chiamare l' Connect Customer StartChatContactAPI e avviare un contatto.

Vantaggi: gli SDK nativi offrono solide funzionalità e prestazioni elevate e sono pertanto ideali per applicazioni che richiedono una personalizzazione profonda e un’esperienza utente senza interruzioni.

Integrazione di React Native

L'integrazione Connect Customer Chat React Native offre una soluzione multipiattaforma. Consente ai team di creare funzionalità di chat per Android e iOS con una codebase condivisa. Questo metodo bilancia la personalizzazione e l'efficienza dello sviluppo utilizzando le funzionalità di React Native per la creazione di solide applicazioni mobili.

Questa integrazione utilizza bridge nativi per accedere a funzionalità avanzate e garantisce prestazioni coerenti e un’esperienza utente uniforme su tutte le piattaforme. È più facile implementare funzionalità chiave come la WebSocket comunicazione utilizzando librerie come react-native-websocket e chiamate API con. axios

Ideale per: team che vogliono massimizzare il riutilizzo del codice mantenendo la flessibilità funzionale.

Connect Customer flusso di lavoro di integrazione della chat

Il diagramma seguente mostra il flusso di programmazione tra un cliente che utilizza un’app mobile e un agente. Il testo numerato nel diagramma corrisponde al testo numerato sotto l’immagine.

Diagramma che mostra il flusso del programma di Connect Customer chat.
Nel diagramma

  1. Quando un cliente avvia una chat nell'app mobile, l'app deve inviare una richiesta di Connect Customer utilizzo dell'StartChatContactAPI. Ciò richiede parametri specifici, come l’endpoint dell’API e gli ID per il flusso di istanza e contatto, per autenticare e avviare la chat.

  2. L’API StartChatContact interagisce con il sistema di back-end per ottenere un token partecipante e un ID contatto che fungono da identificatori univoci per la sessione di chat.

  3. L’interfaccia utente dell’app passa la risposta StartChatContact all’SDK per dispositivi mobili per consentirgli di comunicare correttamente con Connect Customer Participant Service e configurare la sessione di chat del cliente.

  4. L’SDK espone un oggetto chatSession all’interfaccia utente, che contiene metodi facilmente utilizzabili per interagire con la sessione di chat.

  5. L’SDK interagisce con Connect Customer Participant Service utilizzando l’AWS SDK. La comunicazione con Connect Customer Participant Service è responsabile di tutte le interazioni del cliente con la sessione di chat. Ciò include azioni come CreateParticipantConnection, SendMessage, GetTranscript o DisconnectParticipant.

  6. L'SDK gestisce anche la WebSocket connessione necessaria per ricevere messaggi, eventi e allegati dall'agente. Tutto questo verrà gestito e analizzato dall’SDK e visualizzato nell’interfaccia utente in una struttura di facile utilizzo.

Inizia con Connect Customer integrazione con la chat

I passaggi e le risorse seguenti ti aiuteranno a iniziare a integrare Connect Customer Chat nelle tue applicazioni mobili native:

  1. Puoi configurare rapidamente uno CloudFormationstack per fornire il back-end necessario per effettuare chiamate StartChatContact guardando il nostro esempio di API start ChatContact su. GitHub

  2. Per esempi che mostrano come creare un'interfaccia utente di chat mobile basata sugli SDK Connect Customer Chat, dai un'occhiata al nostro GitHub progetto UI Examples.

    Fai riferimento ai nostri esempi di chat per iOS e Android che mostrano come potenziare un'applicazione di chat utilizzando Connect Customer Chat SDK for. iOS/Android

  3. Dai un'occhiata alle Connect Customer pagine Chat SDK per iOS Connect Customer e Chat SDK per Android. GitHub La GitHub pagina contiene la documentazione sulle API e una guida all'implementazione che spiega i prerequisiti e le fasi di installazione.

  4. Configura l'integrazione con React Native: utilizza l'esempio React Native per indicazioni sull'implementazione di una soluzione basata su React Native.

  5. Per qualsiasi domanda o problema riguardante la configurazione o l’utilizzo dell’SDK Chat di Connect Customer nelle sulle tue applicazioni mobili, puoi segnalare un problema nella pagina Connect Customer Chat SDK for iOS Issues o Connect Customer Chat SDK for Android Issues. Se si verifica un problema con gli esempi di interfaccia utente di chat per dispositivi mobili, puoi segnalarlo nella pagina Connect Customer Chat UI Examples Issues.