As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.
# Integre o Amazon Connect bate-papo em um aplicativo móvel
Este tópico explica como integrar o Amazon Connect Chat à sua aplicação móvel. Você pode usar uma das opções a seguir:
+ [WebView integração](#webview)
+ The [Amazon Connect Chat SDKs para iOS e Android](#integrate-chat-with-mobile-sdks-for-mobile)
+ [Integração ao React Native](#react-native-integration)
Use a Amazon Connect [StartChatContact](https://docs.aws.amazon.com/connect/latest/APIReference/API_StartChatContact.html)API para iniciar o contato.
**Topics**
+ [Qual opção de integração usar](#integrate-options)
+ [Amazon Connect fluxo de trabalho de integração de bate-papo](#integrate-chat-with-mobile-workflow)
+ [Comece a usar a integração com o Amazon Connect chat](#integrate-chat-with-mobile-getting-started)
## Qual opção de integração usar
Esta seção fornece uma descrição de cada opção de integração para ajudar você a decidir qual delas usar para sua solução.
### WebView integração
A WebView integração do Amazon Connect Chat permite que você incorpore a experiência completa de bate-papo em seus aplicativos móveis com o mínimo esforço de desenvolvimento. Esse método usa o `WebView` no Android e o `WKWebView` no iOS para fornecer uma interface de chat perfeita e abrangente. É ideal para equipes que buscam uma out-of-the-box solução rápida para integrar a funcionalidade de bate-papo sem grandes personalizações.
Essa abordagem garante uma comunicação segura e utiliza a interface de chat baseada na web do Amazon Connect. No entanto, você precisará configurar seu aplicativo para lidar com cookies de JavaScript forma adequada.
Para obter mais informações sobre a implementação da WebView integração, consulte o GitHub repositório de [exemplos de interface](https://github.com/amazon-connect/amazon-connect-chat-ui-examples/tree/master/mobileChatExamples) de usuário do Amazon Connect chat.
**Recomendação**: a integração WebView baseada é ideal para desenvolvimento rápido e manutenção mínima, ao mesmo tempo em que garante uma funcionalidade abrangente de bate-papo.
### Amazon Connect Chat SDKs para celular
O Amazon Connect Chat SDKs para iOS e Android simplifica a integração do Amazon Connect chat para aplicativos móveis nativos. Eles SDKs ajudam a lidar com a lógica de bate-papo do lado do cliente e as comunicações de back-end de forma semelhante à biblioteca Amazon Connect ChatJS.
O Amazon Connect Chat SDKs encerra o Amazon Connect Participant Service APIs e resume o gerenciamento da sessão de bate-papo e. WebSocket Isso permite que você se concentre na interface e na experiência do usuário enquanto confia no SDK do Amazon Connect Chat para interagir com todos os serviços de back-end. Essa abordagem ainda exige que você use seu próprio back-end de bate-papo para chamar a Amazon Connect `StartChatContact` API e iniciar o contato.
+ Para obter mais informações sobre o SDK para iOS baseado em Swift, consulte a página do SDK [Amazon Connect do Chat para iOS](https://github.com/amazon-connect/amazon-connect-chat-ios). GitHub
+ Para obter mais informações sobre o SDK para Android baseado em Kotlin, consulte a página do SDK do Chat [Amazon Connect para Android](https://github.com/amazon-connect/amazon-connect-chat-android). GitHub
**Benefícios**: O SDKs Native permite funcionalidade robusta e alto desempenho, tornando-o ideal para aplicativos que exigem personalização profunda e uma experiência de usuário perfeita.
### Integração ao React Native
A integração do chat do Amazon Connect ao React Native oferece uma solução multiplataforma. Ela permite que as equipes criem funcionalidades de chat para Android e iOS com uma base de código compartilhada. Esse método equilibra a personalização e a eficiência do desenvolvimento enquanto utiliza os recursos do React Native para criar aplicações móveis robustas.
Essa integração usa pontes nativas para acessar recursos avançados e garante desempenho consistente e uma experiência de usuário uniforme em todas as plataformas. É mais fácil implementar recursos importantes, como WebSocket comunicação, usando bibliotecas como chamadas `react-native-websocket` de API com`axios`.
**Ideal para**: equipes que desejam maximizar a reutilização de código e, ao mesmo tempo, manter a flexibilidade funcional.
## Amazon Connect fluxo de trabalho de integração de bate-papo
O diagrama a seguir mostra o fluxo de programação entre um cliente usando um aplicativo móvel e um atendente. O texto enumerado no diagrama corresponde ao texto enumerado abaixo da imagem.
![\[Diagrama mostrando o fluxo do programa de Amazon Connect bate-papo.\]](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/integrate-chat-mobile-diagram.png)
**No diagrama**
1. Quando um cliente inicia um bate-papo no aplicativo móvel, o aplicativo deve enviar uma solicitação para Amazon Connect usar a [StartChatContact](https://docs.aws.amazon.com/connect/latest/APIReference/API_StartChatContact.html)API. Isso requer parâmetros específicos, como o endpoint da API e IDs o fluxo da [instância](amazon-connect-instances.md) e do [contato](connect-contact-flows.md), para autenticar e iniciar o bate-papo.
1. A API `StartChatContact` interage com seu sistema de backend para obter um token de participante e um ID de contato que atuam como identificadores exclusivos para a sessão de chat.
1. A interface do usuário da aplicação transmite a resposta `StartChatContact` para o SDK móvel para que ele se comunique adequadamente com o [Serviço participante do Amazon Connect](https://docs.aws.amazon.com/connect/latest/APIReference/API_Operations_Amazon_Connect_Participant_Service.html) e configure a sessão de chat do cliente.
1. O SDK expõe um objeto [chatSession](https://github.com/amazon-connect/amazon-connect-chat-ios?tab=readme-ov-file#chatsession-apis) à interface do usuário, que contém métodos facilmente utilizáveis para interagir com a sessão de chat.
1. Nos bastidores, o SDK interage com o [serviço participante do Amazon Connect](https://docs.aws.amazon.com/connect/latest/APIReference/API_Operations_Amazon_Connect_Participant_Service.html) usando o [SDK da AWS](https://aws.amazon.com/developer/tools/). A comunicação com o serviço participante do Amazon Connect é responsável por todas as interações do cliente com a sessão de chat. Isso inclui ações como `CreateParticipantConnection`, `SendMessage`, `GetTranscript` ou `DisconnectParticipant`.
1. O SDK também gerencia a WebSocket conexão necessária para receber mensagens, eventos e anexos do agente. Tudo isso será processado e analisado pelo SDK e exibido na interface de usuário em uma estrutura facilmente consumida.
## Comece a usar a integração com o Amazon Connect chat
As etapas e os recursos a seguir ajudarão você a começar a integrar o Amazon Connect Chat aos seus aplicativos móveis nativos:
1. Você pode configurar rapidamente uma [CloudFormation](https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/Welcome.html)pilha para fornecer o back-end necessário para chamadas, consultando nosso StartChatContact exemplo de [startChatContactAPI](https://github.com/amazon-connect/amazon-connect-chat-ui-examples/tree/master/cloudformationTemplates/startChatContactAPI) em. GitHub
1. Para exemplos que mostram como criar sua interface de usuário de bate-papo móvel com o Amazon Connect Chat SDKs, confira nosso GitHub projeto de [exemplos de interface](https://github.com/amazon-connect/amazon-connect-chat-ui-examples) de usuário.
Consulte nossos exemplos de bate-papo para [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) que mostram como potencializar um aplicativo de bate-papo usando o SDK do Amazon Connect Chat para iOS/Android.
1. Confira as páginas do [SDK do Amazon Connect Chat para](https://github.com/amazon-connect/amazon-connect-chat-ios) iOS [Amazon Connect e do SDK do Chat](https://github.com/amazon-connect/amazon-connect-chat-android) para Android. GitHub A GitHub página contém documentação da API e um guia de implementação que explica todos os pré-requisitos e etapas de instalação.
1. Configure a integração ao React Native: utilize o exemplo do [React Native](https://github.com/amazon-connect/amazon-connect-chat-ui-examples/tree/master/mobileChatExamples/connectReactNativeChat) para receber orientação sobre a implementação da solução baseada no React Native.
1. Se tiver alguma dúvida ou problema em relação à configuração ou utilização do SDK do chat do Amazon Connect em suas aplicações móveis, você pode registrar um chamado na página [Amazon Connect Chat SDK for iOS Issues](https://github.com/amazon-connect/amazon-connect-chat-ios/issues) ou na página [Amazon Connect Chat SDK for Android Issues](https://github.com/amazon-connect/amazon-connect-chat-android/issues). Se houver um problema com os exemplos da interface do usuário do chat móvel, você pode registrar um chamado na página [Amazon Connect Chat UI Examples Issues](https://github.com/amazon-connect/amazon-connect-chat-ui-examples/issues).