View a markdown version of this page

Integrar Connect Customer chatear en una aplicación móvil - Amazon Connect Customer
Qué opción de integración emplearConnect Customer flujo de trabajo de integración de chatComience con Connect Customer integración de chat

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.

Integrar Connect Customer chatear en una aplicación móvil

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

Utilice la Connect Customer StartChatContactAPI 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.

WebView integración

La WebView integración de Connect Customer Chat 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 utiliza la interfaz de chat Connect Customer basada en la web. Sin embargo, tendrá que configurar su aplicación para que gestione las cookies de JavaScript forma adecuada.

Para obtener más información sobre la implementación de la WebView integración, consulte el GitHub repositorio de ejemplos de interfaz de usuario de chat de Connect Customer.

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

Connect Customer SDK de chat para dispositivos móviles

Los SDK de Connect Customer chat para iOS y Android simplifican la integración del Connect Customer chat 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 Connect Customer Chat agrupan las API del servicio de atención al cliente participante de Connect y abstraen 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, confiar en el SDK de Connect Customer Chat para interactuar con todos los servicios de back-end. Este enfoque sigue requiriendo que utilices tu propio servidor de chat para llamar a la Connect Customer StartChatContact API 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 Connect Customer 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, utiliza 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 funciones clave, como la WebSocket comunicación, mediante el uso de bibliotecas, como react-native-websocket las llamadas a la APIaxios.

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

Connect Customer flujo de trabajo de integración de chat

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 Connect Customer chat.
En el diagrama

  1. Cuando un cliente inicia un chat en la aplicación móvil, la aplicación debe enviar una solicitud a Connect Customer través de la StartChatContactAPI. 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 Connect Customer 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 Connect Customer mediante el SDK de AWS. La comunicación con el Servicio para participantes de Connect Customer 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 administra la WebSocket conexión 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.

Comience con Connect Customer integración de chat

Los siguientes pasos y recursos le ayudarán a empezar a integrar Connect Customer Chat en sus aplicaciones móviles nativas:

  1. Puedes configurar rápidamente una CloudFormationpila que proporcione el back-end necesario para realizar las llamadas StartChatContact consultando nuestro ejemplo de ChatContactAPI de inicio que aparece en este enlace. GitHub

  2. Para ver ejemplos que muestran cómo crear una interfaz de chat móvil con los SDK de chat para clientes de Connect, consulta nuestro GitHub proyecto de ejemplos de interfaz de usuario.

    Consulte nuestros ejemplos de chat para iOS y Android que muestran cómo impulsar una aplicación de chat con el SDK de Connect Customer chat para iOS/Android.

  3. Consulta las GitHub páginas Connect Customer Chat SDK para iOS y Connect Customer Chat SDK para Android. La GitHub página contiene la documentación de la API y una guía de implementación en la que se explican los requisitos previos y los pasos de instalación.

  4. Configure la integración de React Native: utilice el ejemplo de React Native para obtener orientación sobre la implementación de 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 Connect Customer en sus aplicaciones móviles, puede registrar una incidencia en la página de incidencias del SDK de Chat para iOS de Connect Customer o en la página de incidencias del Chat SDK para Android de Connect Customer. 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 Connect Customer.