View a markdown version of this page

Integra Connect Customer chatta 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 chatta 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 il 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

Con l' WebView integrazione di Connect Customer Chat, puoi incorporare l'esperienza di chat completa nelle tue applicazioni mobili con il minimo sforzo di sviluppo. 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 la tua app per gestire i cookie e in JavaScript modo corretto.

Per ulteriori informazioni sull'implementazione dell' WebView integrazione, consulta il GitHub repository Connect Customer chat UI Examples.

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

Connect Customer SDK di chat per dispositivi mobili

Gli SDK di 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 di Connect Customer chat racchiudono le API Connect Customer Participant Service e semplificano la gestione della sessione di chat e. WebSocket Questo ti aiuta a concentrarti sull'interfaccia utente e sull'esperienza mentre ti affidi a Connect Customer Chat SDK per interagire con tutti i servizi di back-end. Questo approccio richiede comunque di utilizzare il proprio backend di chat per chiamare l' Connect Customer StartChatContactAPI e avviare il 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

Connect Customer Chat L'integrazione di 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 creare applicazioni mobili robuste.

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.

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 CloudFormation stack per fornire il back-end necessario per le chiamate StartChatContact guardando il nostro esempio di ChatContact API https://github.com/amazon-connect/amazon-connect-chat-ui-examples/tree/master/cloudformationTemplates/startChatContactAPI start su. GitHub

  2. Per esempi che mostrano come creare un'interfaccia utente per la chat mobile basata sugli SDK Connect Customer Chat, consulta il nostro progetto UI Examples. GitHub

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

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

  4. Configura l'integrazione con React Native: usa l'esempio di React Native come guida 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.