Intégration du chat Amazon Connect dans une application mobile - Amazon Connect
Quelle option d’intégration utiliserFlux de travail d’intégration du chat Amazon ConnectPremiers pas avec l’intégration du chat Amazon Connect

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égration du chat Amazon Connect dans une application mobile

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

Appelez l’API Amazon Connect StartChatContact pour initier 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.

Intégration WebView

L’intégration de WebView au chat Amazon Connect vous permet d’intégrer l’expérience de chat complète à vos applications mobiles avec des efforts de développement minimes. 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 tire parti de l’interface de chat Amazon Connect basée sur le Web. Cependant, vous devez configurer votre application pour qu’elle gère correctement les cookies et JavaScript.

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

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

Kits SDK de chat Amazon Connect pour appareils mobiles

Les kits SDK de chat Amazon Connect pour iOS et Android simplifient l’intégration du chat Amazon Connect 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 kits SDK de chat Amazon Connect encapsulent les API Amazon Connect Participant Service et simplifient la gestion de la session de chat et de WebSocket. Cela vous permet de vous concentrer sur l’interface et l’expérience utilisateur tout en vous appuyant sur le kit SDK de chat Amazon Connect pour interagir avec tous les services dorsaux. Cette approche nécessite toujours que vous utilisiez votre propre dorsal de chat pour appeler l’API Amazon Connect StartChatContact 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

L’intégration de React Native au chat Amazon Connect 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 offre un juste équilibre entre personnalisation et efficacité du développement tout en tirant parti des fonctionnalité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 la communication WebSocket en utilisant des bibliothèques telles que react-native-websocket et des appels d’API avec axios.

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

Flux de travail d’intégration du chat Amazon Connect

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 programmation du chat Amazon Connect.
Dans le schéma

  1. Lorsqu’un client commence une session de chat dans l’application mobile, cette dernière doit envoyer une demande à Amazon Connect à l’aide de l’API StartChatContact. 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 Amazon Connect 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 Amazon Connect Participant Service à l’aide du kit AWS SDK. La communication avec Amazon Connect 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 kit SDK gère également la connexion WebSocket 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.

Premiers pas avec l’intégration du chat Amazon Connect

Les étapes et ressources suivantes vous aideront à faire vos premiers pas dans l’intégration de du chat Amazon Connect dans vos applications mobiles natives :

  1. Vous pouvez rapidement configurer une pile CloudFormation pour fournir le dorsal nécessaire pour appeler StartChatContact en consultant notre exemple startChatContactAPI sur GitHub.

  2. Pour des exemples illustrant comment créer votre interface utilisateur de chat mobile à l’aide des kits SDK de chat Amazon Connect, consultez notre projet GitHub d’exemples d’interface utilisateur.

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

  3. Consultez les pages relatives au kit SDK de chat Amazon Connect pour iOS et au kit SDK de chat Amazon Connect pour Android sur GitHub. La page GitHub 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. Configurez 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 Amazon Connect dans vos applications mobiles, vous pouvez signaler un problème sur la page Problèmes du kit SDK de chat Amazon Connect pour iOS ou Problèmes du kit SDK de chat Amazon Connect 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 Amazon Connect.