View a markdown version of this page

Intégrer Connect Customer chattez dans une application mobile - Client Amazon Connect
Quelle option d’intégration utiliserConnect Customer flux de travail d'intégration du chatCommencez avec Connect Customer intégration du chat

Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.

Intégrer Connect Customer chattez dans une application mobile

Cette rubrique explique comment intégrer Connect Customer Chat à votre application mobile. Vous pouvez utiliser l'une des options suivantes :

Utilisez l' Connect Customer StartChatContactAPI pour établir un contact.

Quelle option d’intégration utiliser

Cette section fournit une description de chaque option d’intégration afin de vous aider à choisir celle à utiliser pour votre solution.

WebView intégration

Grâce à l' WebView intégration de Connect Customer Chat, vous pouvez intégrer l'expérience de chat complète à vos applications mobiles avec un minimum d'effort de développement. Cette méthode utilise WebView sur Android et WKWebView sur iOS pour fournir une interface de chat fluide et complète. Elle est idéale pour les équipes qui recherchent une solution rapide et prête à l’emploi pour intégrer des fonctionnalités de chat sans avoir à procéder à d’importantes personnalisations.

Cette approche garantit une communication sécurisée et utilise l'interface de chat Web Connect Customer. Cependant, vous devrez configurer votre application pour gérer JavaScript correctement les cookies.

Pour plus d'informations sur la mise en œuvre de WebView l'intégration, consultez le GitHub référentiel d'exemples d'interfaces utilisateur de chat Connect Customer.

Recommandation  : WebView-based l'intégration est idéale pour un développement rapide et une maintenance minimale tout en garantissant une fonctionnalité de chat complète.

Connect Customer SDK de chat pour mobile

Les SDK Connect Customer Chat pour iOS et Android simplifient l'intégration du Connect Customer chat pour les applications mobiles natives. Ces kits SDK permettent de gérer la logique de chat côté client et les communications dorsales de la même manière que la bibliothèque ChatJS d’Amazon Connect.

Les SDK Connect Customer Chat intègrent les API Connect Customer Participant Service et résument la gestion de la session de chat et. WebSocket Cela vous permet de vous concentrer sur l'interface utilisateur et l'expérience tout en vous appuyant sur le SDK Connect Customer Chat pour interagir avec tous les services principaux. Cette approche nécessite toujours que vous utilisiez votre propre back-end de chat pour appeler l' Connect Customer StartChatContactAPI afin d'établir un contact.

Avantages : les kits SDK natifs offrent des fonctionnalités robustes et des performances élevées, ce qui convient parfaitement aux applications nécessitant une personnalisation approfondie et une expérience utilisateur fluide.

Intégration React Native

L'intégration de Connect Customer Chat React Native offre une solution multiplateforme. Elle permet aux équipes de créer des fonctionnalités de chat pour Android et iOS avec une base de code partagée. Cette méthode équilibre l'efficacité de la personnalisation et du développement tout en utilisant les capacités de React Native pour créer des applications mobiles robustes.

Cette intégration utilise des ponts natifs pour accéder aux fonctionnalités avancées et garantit des performances constantes ainsi qu’une expérience utilisateur uniforme sur toutes les plateformes. Il est plus facile d'implémenter des fonctionnalités clés telles que WebSocket la communication en utilisant des bibliothèques telles que react-native-websocket et des appels d'API avecaxios.

Idéal pour : les équipes qui souhaitent optimiser la réutilisation du code tout en préservant la flexibilité fonctionnelle.

Connect Customer flux de travail d'intégration du chat

Le schéma suivant montre le flux de programmation entre un client utilisant une application mobile et un agent. Le texte numéroté dans ce schéma correspond au texte numéroté situé sous l’image.

Le flux du programme de Connect Customer chat.
Dans le schéma

  1. Lorsqu'un client lance un chat dans l'application mobile, celle-ci doit envoyer une demande d' Connect Customer utilisation de l'StartChatContactAPI. Des paramètres spécifiques sont nécessaires, tels que le point de terminaison de l’API et les identifiants de l’instance et du flux de contacts, pour pouvoir authentifier et initier la session de chat.

  2. L’API StartChatContact interagit avec votre système dorsal pour obtenir un jeton de participant et un ID de contact qui serviront d’identifiants uniques pour la session de chat.

  3. L’interface utilisateur de l’application transmet la réponse StartChatContact au kit SDK mobile afin que celui-ci puisse communiquer avec Connect Customer Participant Service et configurer la session de chat du client correctement.

  4. Le kit SDK expose un objet chatSession à l’interface utilisateur, qui contient des méthodes faciles à utiliser pour interagir avec la session de chat.

  5. En arrière-plan, le kit SDK interagit avec Connect Customer Participant Service à l’aide du kit AWS SDK. La communication avec Connect Customer Participant Service est responsable de toutes les interactions du client avec la session de chat. Cela inclut des actions telles que CreateParticipantConnection, SendMessage, GetTranscript ou DisconnectParticipant.

  6. Le SDK gère également la WebSocket connexion nécessaire pour recevoir des messages, des événements et des pièces jointes de la part de l'agent. Tout cela est traité et analysé par le kit SDK et présenté dans l’interface utilisateur dans une structure facile à utiliser.

Commencez avec Connect Customer intégration du chat

Les étapes et ressources suivantes vous aideront à commencer à intégrer Connect Customer Chat à vos applications mobiles natives :

  1. Vous pouvez rapidement configurer une CloudFormation pile pour fournir le back-end nécessaire aux appels StartChatContact en consultant notre exemple d'ChatContactAPI de démarrage sur GitHub.

  2. Pour des exemples qui montrent comment créer votre interface utilisateur de chat mobile à l'aide des SDK Connect Customer Chat, consultez notre GitHub projet d'exemples d'interfaces utilisateur.

    Consultez nos exemples de chat iOS et Android qui montrent comment alimenter une application de chat à l'aide du SDK Connect Customer Chat pour iOS/Android.

  3. Consultez les pages Connect Customer Chat SDK pour iOS et Connect Customer Chat SDK pour Android GitHub . La GitHub page contient la documentation de l'API et un guide de mise en œuvre qui explique les prérequis et les étapes d'installation.

  4. Configurer l'intégration React Native : utilisez l'exemple React Native pour obtenir des conseils sur la mise en œuvre d'une solution basée sur React Native.

  5. Si vous avez des questions ou des problèmes concernant la configuration ou l’utilisation du kit SDK de chat Connect Customer dans vos applications mobiles, vous pouvez signaler un problème sur la page Problèmes du kit SDK de chat Connect Customer pour iOS ou Problèmes du kit SDK de chat Connect Customer pour Android. En cas de problème avec les exemples d’interface utilisateur de chat mobile, vous pouvez le signaler sur la page Exemples de problèmes liés à l’interface utilisateur de chat Connect Customer.