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:
+ [WebView integration](#webview)
+ Gli [SDK Chat di Connect Customer per iOS e Android](#integrate-chat-with-mobile-sdks-for-mobile)
+ [Integrazione di React Native](#react-native-integration)
Utilizza l' Connect Customer [StartChatContact](https://docs.aws.amazon.com/connect/latest/APIReference/API_StartChatContact.html)API per avviare un contatto.
**Topics**
+ [Quale opzione di integrazione utilizzare](#integrate-options)
+ [Connect Customer flusso di lavoro di integrazione della chat](#integrate-chat-with-mobile-workflow)
+ [Inizia con Connect Customer integrazione con la chat](#integrate-chat-with-mobile-getting-started)
## 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](https://github.com/amazon-connect/amazon-connect-chat-ui-examples/tree/master/mobileChatExamples) 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 `StartChatContact`API e avviare un contatto.
+ Per ulteriori informazioni sull'SDK Swift-based iOS, consulta la pagina [Connect Customer Chat SDK per](https://github.com/amazon-connect/amazon-connect-chat-ios) GitHub iOS.
+ Per ulteriori informazioni sull'SDK Kotlin-based Android, consulta la pagina [Connect Customer Chat SDK per](https://github.com/amazon-connect/amazon-connect-chat-android) GitHub Android.
**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.
**Nel diagramma**
1. Quando un cliente avvia una chat nell'app mobile, l'app deve inviare una richiesta di Connect Customer utilizzo dell'[StartChatContact](https://docs.aws.amazon.com/connect/latest/APIReference/API_StartChatContact.html)API. Ciò richiede parametri specifici, come l’endpoint dell’API e gli ID per il flusso di [istanza](amazon-connect-instances.md) e [contatto](connect-contact-flows.md), per autenticare e avviare la chat.
1. 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.
1. L’interfaccia utente dell’app passa la risposta `StartChatContact` all’SDK per dispositivi mobili per consentirgli di comunicare correttamente con [Connect Customer Participant Service](https://docs.aws.amazon.com/connect/latest/APIReference/API_Operations_Amazon_Connect_Participant_Service.html) e configurare la sessione di chat del cliente.
1. L’SDK espone un oggetto [chatSession](https://github.com/amazon-connect/amazon-connect-chat-ios?tab=readme-ov-file#chatsession-apis) all’interfaccia utente, che contiene metodi facilmente utilizzabili per interagire con la sessione di chat.
1. L’SDK interagisce con [Connect Customer Participant Service](https://docs.aws.amazon.com/connect/latest/APIReference/API_Operations_Amazon_Connect_Participant_Service.html) utilizzando l’[AWS SDK](https://aws.amazon.com/developer/tools/). 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`.
1. 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](https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/Welcome.html)stack per fornire il back-end necessario per effettuare chiamate StartChatContact guardando il nostro esempio di API [start ChatContact](https://github.com/amazon-connect/amazon-connect-chat-ui-examples/tree/master/cloudformationTemplates/startChatContactAPI) su. GitHub
1. 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](https://github.com/amazon-connect/amazon-connect-chat-ui-examples).
Fai riferimento ai nostri esempi di chat per [iOS](https://github.com/amazon-connect/amazon-connect-chat-ui-examples/tree/master/mobileChatExamples/iOSChatExample) e [Android](https://github.com/amazon-connect/amazon-connect-chat-ui-examples/tree/master/mobileChatExamples/androidChatExample) che mostrano come potenziare un'applicazione di chat utilizzando Connect Customer Chat SDK for. iOS/Android
1. Dai un'occhiata alle [Connect Customer pagine Chat SDK per](https://github.com/amazon-connect/amazon-connect-chat-ios) iOS [Connect Customer e Chat SDK](https://github.com/amazon-connect/amazon-connect-chat-android) 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.
1. Configura l'integrazione con React Native: utilizza l'esempio [React Native](https://github.com/amazon-connect/amazon-connect-chat-ui-examples/tree/master/mobileChatExamples/connectReactNativeChat) per indicazioni sull'implementazione di una soluzione basata su React Native.
1. 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](https://github.com/amazon-connect/amazon-connect-chat-ios/issues) o [Connect Customer Chat SDK for Android Issues](https://github.com/amazon-connect/amazon-connect-chat-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](https://github.com/amazon-connect/amazon-connect-chat-ui-examples/issues).