View a markdown version of this page

Intégrer Connect Customer discuter 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 discuter dans une application mobile

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

Utilisez l' Connect Customer StartChatContactAPI pour établir le 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

L' WebView intégration Connect Customer Chat vous permet d'intégrer l'expérience de chat complète à vos applications mobiles avec un minimum d'efforts 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 qu'elle gère 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'interface 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 appareils mobiles

Les SDK de 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 de Connect Customer chat encapsulent les API du service Connect Customer Participant et simplifient 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 backend de chat pour appeler l' Connect Customer StartChatContactAPI afin d'établir le 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

Connect Customer Chat L'intégration de 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 la personnalisation et l'efficacité 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 de mettre en œuvre des fonctionnalités clés telles que WebSocket la communication en utilisant des bibliothèques telles que react-native-websocket 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.

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

  1. Lorsqu'un client lance une discussion dans l'application mobile, celle-ci doit envoyer une demande à Connect Customer l'aide 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 les messages, les événements et les pièces jointes 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 dans vos applications mobiles natives :

  1. Vous pouvez rapidement configurer une CloudFormationpile pour fournir le backend nécessaire à appeler StartChatContact en consultant notre exemple d'ChatContactAPI de démarrage sur GitHub.

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

    Reportez-vous à nos exemples de chat iOS et Android qui montrent comment faire fonctionner une application de chat à l'aide du SDK Connect Customer Chat pour iOS/Android.

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

  4. Configurer l'intégration de React Native : utilisez l'exemple de 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.