Integración del chat de Amazon Connect en una aplicación móvil - Amazon Connect

Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

Integración del chat de Amazon Connect en una aplicación móvil

En este tema, se explica cómo integrar Amazon Connect Chat en su aplicación móvil. Puede utilizar una de las siguientes opciones:

Llame a la API StartChatContact de Amazon Connect para iniciar el contacto.

Qué opción de integración emplear

En esta sección, se proporciona una descripción de cada opción de integración para ayudarle a decidir cuál usar para su solución.

Integración de WebView

La integración de Amazon Connect Chat WebView le permite integrar la experiencia de chat completa en sus aplicaciones móviles con un mínimo esfuerzo de desarrollo. Este método utiliza WebView en Android y WKWebView en iOS para proporcionar una interfaz de chat completa y perfecta. Es ideal para los equipos que buscan una solución rápida y lista para usar para integrar la funcionalidad de chat, sin necesidad de realizar personalizaciones exhaustivas.

Este enfoque garantiza una comunicación segura y aprovecha la interfaz de chat basada en web de Amazon Connect. Sin embargo, tendrá que configurar su aplicación para que gestione correctamente las cookies y JavaScript.

Para obtener más información sobre la implementación de la integración de WebView, consulte el repositorio de GitHub UI Examples sobre el chat de Amazon Connect.

Recomendación: la integración basada en WebView es ideal para un desarrollo rápido y un mantenimiento mínimo, y garantiza una funcionalidad de chat integral.

SDK de chat de Amazon Connect para dispositivos móviles

Los SDK de chat para iOS y Android de Amazon Connect simplifican la integración del chat de Amazon Connect para aplicaciones móviles nativas. Los SDK ayudan a gestionar la lógica de chat del cliente y las comunicaciones de back-end de forma similar a la biblioteca de ChatJS de Amazon Connect.

Los SDK de chat de Amazon Connect agrupan las API del servicio para participantes de Amazon Connect y resumen la administración de la sesión de chat y WebSocket. Esto le permite centrarse en la interfaz y la experiencia de usuario y, al mismo tiempo, dejar que el SDK de chat de Amazon Connect interactúe con todos los servicios de back-end. Este procedimiento sigue requiriendo que utilice su propio servidor de chat para llamar a la API StartChatContact de Amazon Connect e iniciar el contacto.

Ventajas: los SDK nativos ofrecen una funcionalidad sólida y un alto rendimiento, lo que los hace ideales para aplicaciones que requieren una personalización profunda y una experiencia de usuario perfecta.

Integración de React Native

La integración de Amazon Connect Chat React Native ofrece una solución multiplataforma. Permite a los equipos crear funciones de chat para Android e iOS con una base de código compartida. Este método equilibra la personalización y la eficiencia del desarrollo y, al mismo tiempo, aprovecha las capacidades de React Native para crear aplicaciones móviles sólidas.

Esta integración utiliza puentes nativos para acceder a características avanzadas, y garantiza un rendimiento y una experiencia de usuario uniformes en todas las plataformas. Es más fácil implementar características clave, como la comunicación por WebSocket, mediante bibliotecas como react-native-websocket y llamadas a la API con axios.

Ideal para: equipos que desean maximizar la reutilización del código y, al mismo tiempo, mantener la flexibilidad funcional.

Flujo de trabajo de integración del chat de Amazon Connect

El siguiente diagrama muestra el flujo de programación entre un cliente que usa una aplicación móvil y un agente. El texto con números en el diagrama se corresponde con el texto con números debajo de la imagen.

Diagrama que muestra el flujo del programa de chat de Amazon Connect.
En el diagrama
  1. Cuando un cliente inicia un chat en la aplicación móvil, la aplicación debe enviar una solicitud a Amazon Connect a través de la API StartChatContact. Esto requiere parámetros específicos, como el punto de conexión de la API y los ID de la instancia, así como el flujo de contactos, para autenticar e iniciar el chat.

  2. La API StartChatContact interactúa con el sistema de back-end para obtener un token de participante y un ID de contacto que actúan como identificadores únicos de la sesión de chat.

  3. La interfaz de usuario de la aplicación transmite la respuesta StartChatContact al SDK para móviles para que el SDK se comunique correctamente con el servicio para participantes de Amazon Connect y configure la sesión de chat del cliente.

  4. El SDK mostrará un objeto chatSession en la interfaz de usuario, que contendrá métodos fáciles de usar para interactuar con la sesión de chat.

  5. Por dentro, el SDK interactúa con el servicio para participantes de Amazon Connect mediante el SDK de AWS. La comunicación con el Servicio para participantes de Amazon Connect es responsable de todas las interacciones de los clientes con la sesión de chat. Esto incluye acciones como CreateParticipantConnection, SendMessage, GetTranscript o DisconnectParticipant.

  6. El SDK también administrará la conexión del WebSocket necesaria para recibir mensajes, eventos y archivos adjuntos del agente. El SDK gestionará y analizará todo esto y aparecerá en la interfaz de usuario en una estructura fácil de usar.

Introducción a la integración de chat de Amazon Connect

Los siguientes pasos y recursos lo ayudarán a empezar a integrar el chat de Amazon Connect en sus aplicaciones móviles nativas:

  1. Puede configurar rápidamente una pila de CloudFormation a fin de proporcionar el backend necesario para llamar a StartChatContact consultando nuestro ejemplo de startChatContactAPI en GitHub.

  2. Para ver ejemplos que muestran cómo crear su interfaz de usuario de chat móvil con los SDK de Amazon Connect Chat, consulte nuestro proyecto de GitHub UI Examples.

    Consulte nuestros ejemplos de chat de iOS y Android, donde verá cómo aplicar la tecnología a una aplicación de chat usando el SDK de Amazon Connect Chat para iOS/Android.

  3. Consulte las páginas de GitHub de SDK de chat para iOS de Amazon Connect y chat SDK para Android de Amazon Connect. La página de GitHub contiene la documentación de la API, así como una guía de implementación que explica los requisitos previos y los pasos de instalación.

  4. Configure la integración de React Native: aproveche el ejemplo de React Native para obtener orientación sobre cómo implementar una solución basada en React Native.

  5. Si tiene alguna pregunta o problema con respecto a la configuración o el uso del SDK de chat de Amazon Connect en sus aplicaciones móviles, puede registrar una incidencia en la página de incidencias del SDK de Chat para iOS de Amazon Connect o en la página de incidencias del Chat SDK para Android de Amazon Connect. Si hay algún problema con los ejemplos de la interfaz de usuario del chat móvil, puede comunicarlo en la página de ejemplos de incidencias con la interfaz de usuario del chat de Amazon Connect.