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 Amazon Connect 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:
+ [WebView integration](#webview)
+ La [Amazon Connect chat SDKs per iOS e Android](#integrate-chat-with-mobile-sdks-for-mobile)
+ [Integrazione di React Native](#react-native-integration)
Usa l' Amazon Connect [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)
+ [Amazon Connect flusso di lavoro di integrazione della chat](#integrate-chat-with-mobile-workflow)
+ [Inizia a utilizzare l'integrazione con la chat Amazon Connect](#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 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](https://github.com/amazon-connect/amazon-connect-chat-ui-examples/tree/master/mobileChatExamples) 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.
### Amazon Connect Chat SDKs per dispositivi mobili
La Amazon Connect chat SDKs per iOS e Android semplifica l'integrazione della Amazon Connect 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 Amazon Connect 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 Amazon Connect 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' Amazon Connect `StartChatContact`API e avviare un contatto.
+ Per ulteriori informazioni sull'SDK iOS basato su Swift, consulta [Amazon Connect la pagina Chat SDK per iOS](https://github.com/amazon-connect/amazon-connect-chat-ios). GitHub
+ Per ulteriori informazioni sull'SDK Android basato su Kotlin, consulta la pagina Chat SDK [Amazon Connect per Android](https://github.com/amazon-connect/amazon-connect-chat-android). GitHub
**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.
## Amazon Connect 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 Amazon Connect chat.\]](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/integrate-chat-mobile-diagram.png)
**Nel diagramma**
1. Quando un cliente avvia una chat nell'app mobile, l'app deve inviare una richiesta di Amazon Connect 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 IDs l'[istanza](amazon-connect-instances.md) e il flusso di [contatti](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 [Amazon Connect 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 [Amazon Connect 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 Amazon Connect 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 a utilizzare l'integrazione con la chat Amazon Connect
I passaggi e le risorse seguenti ti aiuteranno a iniziare a integrare Amazon Connect 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 startChatContact esempio di API su.](https://github.com/amazon-connect/amazon-connect-chat-ui-examples/tree/master/cloudformationTemplates/startChatContactAPI) GitHub
1. 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](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 Amazon Connect Chat SDK per iOS/Android.
1. Consulta le [Amazon Connect pagine Chat SDK per](https://github.com/amazon-connect/amazon-connect-chat-ios) iOS [Amazon Connect 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 di React Native: segui 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 Amazon Connect nelle sulle tue applicazioni mobili, puoi segnalare un problema nella pagina [Amazon Connect Chat SDK for iOS Issues](https://github.com/amazon-connect/amazon-connect-chat-ios/issues) o [Amazon Connect 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 [Amazon Connect Chat UI Examples Issues](https://github.com/amazon-connect/amazon-connect-chat-ui-examples/issues).