View a markdown version of this page

Integrar Connect Customer converse em um aplicativo móvel - Amazon Connect Customer
Qual opção de integração usarConnect Customer fluxo de trabalho de integração de bate-papoComece com Connect Customer integração de chat

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á.

Integrar Connect Customer converse em um aplicativo móvel

Este tópico explica como integrar o Connect Customer Chat em seu aplicativo móvel. É possível usar uma das opções a seguir:

Use a Connect Customer StartChatContact API para iniciar o contato.

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

Com a WebView integração do Connect Customer Chat, você pode incorporar toda a experiência 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 solução rápida e pronta para uso para integrar a funcionalidade de chat sem grandes personalizações.

Essa abordagem garante uma comunicação segura e usa a interface de bate-papo Connect Customer baseada na web. No entanto, você precisará configurar seu aplicativo para lidar com cookies de JavaScript forma adequada.

Para obter mais informações sobre como implementar a WebView integração, consulte o GitHub repositório de exemplos de interface do usuário do Connect Customer chat.

Recomendação: a WebView-based integração é ideal para desenvolvimento rápido e manutenção mínima, ao mesmo tempo em que garante uma funcionalidade abrangente de bate-papo.

Connect Customer SDKs do Chat para dispositivos móveis

Os SDKs do Connect Customer Chat para iOS e Android simplificam a integração do Connect Customer chat com aplicativos móveis nativos. Os SDKs ajudam a lidar com a lógica de chat do lado do cliente e as comunicações de backend de forma semelhante à biblioteca ChatJS do Amazon Connect ChatJS.

Os SDKs do Connect Customer Chat abrangem as APIs do Connect Customer Participant Service e resumem o gerenciamento da sessão de bate-papo e. WebSocket Isso ajuda você a se concentrar na interface e na experiência do usuário e, ao mesmo tempo, confiar no SDK do Connect Customer 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 Connect Customer StartChatContact API e iniciar o contato.

Benefícios: os SDKs nativos permitem funcionalidade robusta e alto desempenho, tornando-os ideais para aplicações que exigem personalização detalhada e uma experiência de usuário perfeita.

Integração ao React Native

Connect Customer Chat A integração 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 ao usar os recursos do React Native para criar aplicativos móveis robustos.

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 comaxios.

Ideal para: equipes que desejam maximizar a reutilização de código e, ao mesmo tempo, manter a flexibilidade funcional.

Connect Customer 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.

O fluxo do programa de Connect Customer bate-papo.
No diagrama

  1. Quando um cliente inicia um bate-papo no aplicativo móvel, o aplicativo deve enviar uma solicitação para Connect Customer usar a StartChatContact API. Isso requer parâmetros específicos, como o endpoint da API e os IDs da instância e do fluxo de contato, para autenticar e iniciar o chat.

  2. 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.

  3. 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 Connect Customer e configure a sessão de chat do cliente.

  4. O SDK expõe um objeto chatSession à interface do usuário, que contém métodos facilmente utilizáveis para interagir com a sessão de chat.

  5. Nos bastidores, o SDK interage com o serviço participante do Connect Customer usando o SDK da AWS. A comunicação com o serviço participante do Connect Customer é 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.

  6. 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 com Connect Customer integração de chat

As etapas e os recursos a seguir ajudarão você a começar a integrar o Connect Customer Chat em seus aplicativos móveis nativos:

  1. Você pode configurar rapidamente uma CloudFormation pilha para fornecer o back-end necessário para a chamada StartChatContact consultando nosso exemplo de ChatContact API https://github.com/amazon-connect/amazon-connect-chat-ui-examples/tree/master/cloudformationTemplates/startChatContactAPI inicial em. GitHub

  2. Para ver exemplos que mostram como criar sua interface de usuário de bate-papo móvel com os SDKs do Connect Customer Chat, confira nosso GitHub projeto de exemplos de interface de usuário.

    Consulte nossos exemplos de bate-papo para iOS e Android que mostram como potencializar um aplicativo de bate-papo usando o SDK do Connect Customer Chat para. iOS/Android

  3. Confira as páginas do SDK do Connect Customer Chat para iOS e do SDK do Connect Customer Chat para Android GitHub . A GitHub página contém a documentação da API e um guia de implementação que explica todos os pré-requisitos e etapas de instalação.

  4. Configure a integração com o React Native: use o exemplo do React Native para obter orientação sobre a implementação da solução baseada no React Native.

  5. Se tiver alguma dúvida ou problema em relação à configuração ou utilização do SDK do chat do Connect Customer em suas aplicações móveis, você pode registrar um chamado na página Connect Customer Chat SDK for iOS Issues ou na página Connect Customer Chat SDK for 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 Connect Customer Chat UI Examples Issues.