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 Connect Customer in eine mobile Anwendung chatten
In diesem Thema wird erklärt, wie Sie Connect Customer Chat in Ihre mobile Anwendung integrieren. Verwenden Sie eine der folgenden Optionen:
Verwenden Sie die Connect Customer StartChatContactAPI, um Kontakt aufzunehmen.
Inhalt
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 Connect Customer 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 und sofort einsetzbaren Lösung suchen, um Chat-Funktionen ohne umfangreiche Anpassungen zu integrieren.
Dieser Ansatz gewährleistet eine sichere Kommunikation und verwendet die webbasierte Chat-Oberfläche von Connect Customer. Sie müssen Ihre App jedoch so konfigurieren, dass sie Cookies JavaScript ordnungsgemäß verarbeitet.
Weitere Informationen zur Implementierung der WebView Integration finden Sie im GitHub Repository Connect Customer Chat UI Examples
Empfehlung: Die WebView-based Integration ist ideal für eine schnelle Entwicklung und minimalen Wartungsaufwand und gewährleistet gleichzeitig eine umfassende Chat-Funktionalität.
Connect Customer Chat-SDKs für Mobilgeräte
Die Connect Customer Chat-SDKs für iOS und Android vereinfachen die Integration von Connect Customer Chat für native mobile Anwendungen. Die SDKs helfen bei der Verwaltung der clientseitigen Chat-Logik und der Backend-Kommunikation, ähnlich wie die Amazon Connect ChatJS Library.
Die Connect Customer Chat-SDKs umschließen die Connect Customer Participant Service APIs und abstrahieren 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 Connect Customer Chat-SDK verlassen, um mit allen Back-End-Diensten zu interagieren. Bei diesem Ansatz müssen Sie weiterhin Ihr eigenes Chat-Backend verwenden, um die Connect Customer
StartChatContact API aufzurufen und Kontakt aufzunehmen.
Weitere Informationen zum Swift-based iOS-SDK finden Sie auf der GitHub Seite Connect Customer Chat-SDK für iOS
. Weitere Informationen zum Kotlin-based Android-SDK finden Sie auf der GitHub Seite Connect Customer Chat-SDK SDK for Android
.
Vorteile: Die nativen SDKs bieten robuste Funktionalität und hohe Leistung und eignen sich daher ideal für Anwendungen, die umfassende Anpassungen und eine nahtlose Benutzererfahrung erfordern.
React-Native-Integration
Die Integration von Connect Customer Chat React Native 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 zu implementieren, indem Bibliotheken wie react-native-websocket und API-Aufrufe mit verwendet axios werden.
Ideal für: Teams, die die Wiederverwendung von Code maximieren und gleichzeitig die funktionale Flexibilität beibehalten möchten
Connect Customer 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.
Im Diagramm
-
Wenn ein Kunde in der mobilen App einen Chat startet, sollte die App eine Anfrage an die Connect Customer StartChatContactAPI senden. Dies erfordert bestimmte Parameter, wie den API-Endpunkt und die IDs für die Instance und den Kontakt-Ablauf, um den Chat zu authentifizieren und zu initiieren.
-
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. -
Die Benutzeroberfläche der App leitet die
StartChatContact-Antwort an das mobile SDK weiter, damit das SDK ordnungsgemäß mit dem Teilnehmerservice von Connect Customer kommunizieren und die Chat-Sitzung des Kunden einrichten kann. -
Das SDK stellt der Benutzeroberfläche ein chatSession
-Objekt zur Verfügung, das leicht verwendbare Methoden zur Interaktion mit der Chat-Sitzung enthält. -
Im Grunde interagiert das SDK mithilfe des AWS SDK
mit dem Teilnehmerservice von Connect Customer. Die Kommunikation mit dem Teilnehmerservice von Connect Customer ist für alle Kundeninteraktionen während der Chat-Sitzung verantwortlich. Dazu gehören Aktionen wie CreateParticipantConnection,SendMessage,GetTranscriptoderDisconnectParticipant. -
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.
Fangen Sie an mit Connect Customer Chat-Integration
Die folgenden Schritte und Ressourcen helfen Ihnen beim Einstieg in die Integration von Connect Customer Chat in Ihre nativen mobilen Anwendungen:
-
Sie können schnell einen CloudFormationStack einrichten, der das erforderliche Back-End zum Aufrufen bereitstellt, StartChatContact indem Sie sich unser ChatContactStart-API-Beispiel
unter ansehen. GitHub Beispiele, die zeigen, wie Sie Ihre mobile Chat-Benutzeroberfläche mithilfe der Connect Customer Chat SDKs erstellen können, 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 Connect Customer Chat-SDK für betreiben können iOS/Android. -
Schauen Sie sich die GitHub Seiten Connect Customer Chat SDK for iOS
und Connect Customer Chat SDK for Android an. Die GitHub Seite enthält API-Dokumentation und eine Implementierungsanleitung, in der alle Voraussetzungen und Installationsschritte erläutert werden. -
Richten Sie die React Native-Integration ein: Verwenden Sie das React Native-Beispiel
, um Anleitungen zur Implementierung einer auf React Native basierenden Lösung zu erhalten. -
Wenn es Fragen oder Probleme zur Einrichtung oder Verwendung des Connect Customer Chat SDK in Ihren mobilen Anwendungen gibt, können Sie ein Problem entweder auf der Seite Probleme mit dem Connect Customer Chat SDK für iOS
oder auf der Seite Probleme mit dem Connect Customer 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 Connect Customer Chat melden.
