View a markdown version of this page

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

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:

Usa la Connect Customer StartChatContact API 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

Con la WebView integración de Connect Customer Chat, puede 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ás que configurar tu 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, consulta el GitHub repositorio de ejemplos de la interfaz de usuario del 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 incluyen las API del servicio de atención al cliente y participante de Connect y resumen la administración de la sesión de chat y. WebSocket Esto le ayuda a centrarse en la interfaz de usuario y la experiencia y, al mismo tiempo, a 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 con 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 eficiencia de la personalización y el desarrollo, al tiempo que 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.

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 para Connect Customer usar la StartChatContact API. 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 CloudFormation pila para proporcionar el back-end necesario para realizar llamadas StartChatContact consultando nuestro ejemplo de ChatContact API de inicio en. GitHub

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

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

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

  4. Configure la integración con React Native: utilice el ejemplo de React Native como guía 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.