Integre el Amazon Connect chat en una aplicación móvil

PDFRSS

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

• WebView integration

• The Amazon Connect Chat SDKs para iOS y Android

• Integración de React Native

Usa la Amazon Connect StartChatContactAPI para iniciar el contacto.

¿Qué opción de integración usar

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 Amazon Connect Chat le permite integrar la experiencia de chat completa en sus aplicaciones móviles con un mínimo esfuerzo de desarrollo. Este método se 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 out-of-the-box solución rápida para integrar la funcionalidad del chat sin necesidad de realizar amplias personalizaciones.

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 las cookies de JavaScript forma adecuada.

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

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

Amazon Connect Chat SDKs para dispositivos móviles

El Amazon Connect chat SDKs para iOS y Android simplifica la integración del Amazon Connect chat para aplicaciones móviles nativas. SDKs Ayudan a gestionar la lógica de chat del lado del cliente y las comunicaciones de back-end de forma similar a la biblioteca ChatJS de Amazon Connect.

El Amazon Connect chat SDKs envuelve el servicio de participación de Amazon Connect APIs y abstrae la gestió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 Amazon Connect 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 Amazon Connect StartChatContact API e iniciar el contacto.

• Para obtener más información sobre el SDK para iOS basado en SWIFT, consulte la página Amazon Connect Chat SDK for iOS GitHub .

• Para obtener más información sobre el SDK de Android basado en Kotlin, consulta la página Amazon Connect Chat SDK for Android GitHub .

Ventajas: Los Native ofrecen SDKs 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 fluida.

Integración con 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 funciones avanzadas y garantiza un rendimiento uniforme y una experiencia de usuario uniforme en todas las plataformas. Es más fácil implementar funciones clave, como la WebSocket comunicación, mediante 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.

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

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 través de la StartChatContactAPI. Esto requiere parámetros específicos, como el punto final de la API y IDs el flujo de instancias y 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 StartChatContact respuesta al SDK móvil para que el SDK se comunique correctamente con el Servicio al Amazon Connect Participante y configure la sesión de chat del cliente.

4. El SDK expone un objeto ChatSession a la interfaz de usuario, que contiene 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 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 Amazon Connect la integración del chat

Los siguientes pasos y recursos te ayudarán a empezar a integrar Amazon Connect Chat en tus aplicaciones móviles nativas:

1. Puedes configurar rápidamente una AWS CloudFormationpila que proporcione el back-end necesario para realizar llamadas StartChatContact consultando nuestro ejemplo de startChatContactAPI en. GitHub

2. Para ver ejemplos que muestran cómo crear una interfaz de chat móvil con la tecnología de Amazon Connect Chat SDKs, consulta nuestro GitHub proyecto de ejemplos de interfaz de usuario.

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

3. Consulta las GitHub páginas Amazon Connect Chat SDK para iOS y Amazon Connect 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: aproveche 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 Amazon Connect Chat en sus aplicaciones móviles, puede presentar un problema en la página de problemas del SDK de Amazon Connect Chat para iOS o en la página de problemas del SDK de Amazon Connect Chat para Android. 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.