View a markdown version of this page

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

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 la Connect Customer chat in un'applicazione mobile

In questo argomento viene descritto come integrare la chat di Amazon Connect in un’applicazione mobile. Puoi utilizzare una delle seguenti opzioni:

Usa 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 con Amazon Connect 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 out-of-the-box soluzione rapida per integrare le funzionalità di chat senza personalizzazioni estese.

Questo approccio garantisce comunicazioni sicure e utilizza l’interfaccia di chat di Amazon Connect basata sul web. Tuttavia, dovrai configurare l'app per gestire i cookie e JavaScript correttamente.

Per ulteriori informazioni sull'implementazione dell' WebView integrazione, consulta il GitHub repository di esempi di interfaccia utente di chat di Amazon Connect.

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

Connect Customer Chat SDKs per dispositivi mobili

La Connect Customer chat SDKs per iOS e Android semplifica l'integrazione della Connect Customer chat per le applicazioni mobili native. L' SDKs aiuto gestisce la logica della chat lato client e le comunicazioni di back-end in modo simile alla libreria Amazon Connect ChatJS.

La Connect Customer Chat SDKs integra il servizio Amazon Connect Participant APIs e riassume 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: i Native offrono SDKs funzionalità robuste e prestazioni elevate, il che li rende ideali per applicazioni che richiedono una personalizzazione profonda e un'esperienza utente senza interruzioni.

Integrazione di React Native

L’integrazione di React Native per la chat di Amazon Connect 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 sfruttando al contempo 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 IDs l'istanza e il flusso di contatti, 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 a utilizzare l'integrazione con la chat Connect Customer

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 startChatContact esempio di API su. GitHub

  2. Per esempi che mostrano come creare un'interfaccia utente di chat mobile basata su Amazon Connect Chat SDKs, consulta il 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 per iOS/Android.

  3. Consulta le 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 di React Native: segui 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.