View a markdown version of this page

Integrieren Amazon Connect Sie den Chat in eine mobile Anwendung - Amazon Connect

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

Integrieren Amazon Connect Sie den Chat in eine mobile Anwendung

In diesem Thema wird erläutert, wie Sie Amazon Connect Chat in Ihre mobile Anwendung integrieren. Verwenden Sie eine der folgenden Optionen:

Verwenden Sie die Amazon Connect StartChatContactAPI, um Kontakt aufzunehmen.

Auswählen der passenden Integrationsoption

Dieser Abschnitt enthält eine Beschreibung der einzelnen Integrationsoptionen, um Ihnen bei der Entscheidung zu helfen, welche Option Sie für Ihre Lösung verwenden sollten.

WebView Integration

Die Amazon Connect WebView Chat-Integration ermöglicht es Ihnen, das gesamte Chat-Erlebnis mit minimalem Entwicklungsaufwand in Ihre mobilen Anwendungen einzubetten. Diese Methode verwendet WebView unter Android und WKWebView unter iOS verwendet, um eine nahtlose und umfassende Chat-Oberfläche bereitzustellen. Sie ist ideal für Teams, die nach einer schnellen out-of-the-box Lösung suchen, um Chat-Funktionen ohne umfangreiche Anpassungen zu integrieren.

Dieser Ansatz gewährleistet eine sichere Kommunikation und nutzt die webbasierte Chat-Oberfläche von Amazon Connect. Sie müssen Ihre App jedoch so konfigurieren, dass sie Cookies JavaScript ordnungsgemäß verarbeitet.

Weitere Informationen zur Implementierung der WebView Integration finden Sie im Amazon Connect Chat UI Examples GitHub Repository.

Empfehlung: Die WebView basierte Integration ist ideal für eine schnelle Entwicklung und minimalen Wartungsaufwand und gewährleistet gleichzeitig eine umfassende Chat-Funktionalität.

Amazon Connect Chat SDKs für Mobilgeräte

Der Amazon Connect Chat SDKs für iOS und Android vereinfacht die Integration von Amazon Connect Chat für native mobile Anwendungen. Sie SDKs helfen bei der Handhabung der clientseitigen Chat-Logik und der Back-End-Kommunikation, ähnlich der Amazon Connect ChatJS-Bibliothek.

Der Amazon Connect Chat SDKs umschließt den Amazon Connect Participant Service APIs und abstrakt die Verwaltung der Chat-Sitzung und WebSocket. Auf diese Weise können Sie sich auf die Benutzeroberfläche und das Benutzererlebnis konzentrieren und sich gleichzeitig auf das Amazon Connect Chat-SDK verlassen, um mit allen Back-End-Diensten zu interagieren. Bei diesem Ansatz müssen Sie immer noch Ihr eigenes Chat-Backend verwenden, um die Amazon Connect StartChatContact API aufzurufen und Kontakt aufzunehmen.

Vorteile: The Native SDKs bieten robuste Funktionalität und hohe Leistung und eignen sich daher ideal für Anwendungen, die umfassende Anpassungen und ein nahtloses Benutzererlebnis erfordern.

React-Native-Integration

Die React-Native-Integration von Amazon Connect Chat bietet eine plattformübergreifende Lösung. Sie ermöglicht Teams, Chat-Funktionen für Android und iOS mit einer gemeinsamen Codebasis zu erstellen. Diese Methode bringt Anpassung und Entwicklungseffizienz in Einklang und nutzt gleichzeitig die Funktionen von React Native zur Erstellung robuster mobiler Anwendungen.

Diese Integration verwendet native Bridges für den Zugriff auf erweiterte Features und gewährleistet eine konsistente Leistung sowie ein einheitliches Benutzererlebnis auf allen Plattformen. Es ist einfacher, wichtige Funktionen wie WebSocket Kommunikation mithilfe von Bibliotheken react-native-websocket und API-Aufrufen mit zu implementierenaxios.

Ideal für: Teams, die die Wiederverwendung von Code maximieren und gleichzeitig die funktionale Flexibilität beibehalten möchten

Amazon Connect Arbeitsablauf bei der Chat-Integration

Das folgende Diagramm zeigt den Programmierablauf zwischen einem Kunden, der eine mobile App verwendet, und einem Kundendienstmitarbeiter. Der nummerierte Text im Diagramm entspricht dem nummerierten Text unter der Abbildung.

Diagramm, das den Ablauf des Amazon Connect Chat-Programms zeigt.
Im Diagramm
  1. Wenn ein Kunde in der mobilen App einen Chat startet, sollte die App eine Anfrage an die Amazon Connect StartChatContactAPI senden. Dies erfordert bestimmte Parameter wie den API-Endpunkt sowie IDs für die Instanz und den Kontaktablauf, um den Chat zu authentifizieren und zu initiieren.

  2. Die StartChatContact-API interagiert mit Ihrem Backend-System, um ein Teilnehmer-Token und eine Kontakt-ID zu erhalten, die als eindeutige Identifikatoren für die Chat-Sitzung dienen.

  3. Die Benutzeroberfläche der App leitet die StartChatContact-Antwort an das mobile SDK weiter, damit das SDK ordnungsgemäß mit dem Teilnehmerservice von Amazon Connect kommunizieren und die Chat-Sitzung des Kunden einrichten kann.

  4. Das SDK stellt der Benutzeroberfläche ein chatSession-Objekt zur Verfügung, das leicht verwendbare Methoden zur Interaktion mit der Chat-Sitzung enthält.

  5. Im Grunde interagiert das SDK mithilfe des AWS SDK mit dem Teilnehmerservice von Amazon Connect. Die Kommunikation mit dem Teilnehmerservice von Amazon Connect ist für alle Kundeninteraktionen während der Chat-Sitzung verantwortlich. Dazu gehören Aktionen wie CreateParticipantConnection, SendMessage, GetTranscript oder DisconnectParticipant.

  6. Das SDK verwaltet auch die WebSocket Verbindung, die für den Empfang von Nachrichten, Ereignissen und Anhängen vom Agenten erforderlich ist. All dies wird vom SDK verarbeitet und analysiert sowie in einer leicht zu bedienenden Struktur auf der Benutzeroberfläche angezeigt.

Beginnen Sie mit der Amazon Connect Chat-Integration

Die folgenden Schritte und Ressourcen helfen Ihnen bei den ersten Schritten mit der Integration von Amazon Connect Chat in Ihre nativen mobilen Anwendungen:

  1. Sie können schnell einen CloudFormationStack einrichten, der das erforderliche Back-End zum Aufrufen bereitstellt, StartChatContact indem Sie sich unser startChatContactAPI-Beispiel unter ansehen. GitHub

  2. Beispiele, die zeigen, wie Sie Ihre mobile Chat-Benutzeroberfläche mit Amazon Connect Chat erstellen können SDKs, finden Sie in unserem GitHub Projekt UI Examples.

    Sehen Sie sich unsere Beispiel-Chat-Beispiele für iOS und Android an, die zeigen, wie Sie eine Chat-Anwendung mithilfe des Amazon Connect Chat SDK for iOS iOS/Android betreiben können.

  3. Schauen Sie sich die GitHub Seiten Amazon Connect Chat SDK for iOS und Amazon Connect Chat SDK for Android an. Die GitHub Seite enthält API-Dokumentation und eine Implementierungsanleitung, in der alle Voraussetzungen und Installationsschritte erläutert werden.

  4. Einrichten der React-Native-Integration: Nutzen Sie das React Native-Beispiel, um Anleitungen zur Implementierung einer auf React Native basierenden Lösung zu erhalten.

  5. Wenn es Fragen oder Probleme zur Einrichtung oder Verwendung des Amazon Connect Chat SDK in Ihren mobilen Anwendungen gibt, können Sie ein Problem entweder auf der Seite Probleme mit dem Amazon Connect Chat SDK für iOS oder auf der Seite Probleme mit dem Amazon Connect Chat SDK für Android melden. Wenn es ein Problem mit den Beispielen für die Benutzeroberfläche des mobilen Chats gibt, können Sie ein Problem auf der Seite Probleme mit Beispielen für die Benutzeroberfläche von Amazon Connect Chat melden.