View a markdown version of this page

集成 Connect Customer 在移动应用程序中聊天 - Amazon Connect Customer
使用哪个集成选项Connect Customer 聊天集成工作流程开始使用 Connect Customer 聊天集成

本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

集成 Connect Customer 在移动应用程序中聊天

本主题介绍如何将 Connect 客户聊天集成到您的移动应用程序中。可以使用以下选项之一：

使用 Connect Customer StartChatContact API 发起联系。

使用哪个集成选项

本节描述了每个集成选项，以帮助您决定将哪个集成选项用于您的解决方案。

WebView 整合

借助 Connect 客户聊天 WebView 集成，您可以将完整的聊天体验嵌入到您的移动应用程序中，而开发工作量最小。该方法在 Android 上使用 WebView，在 iOS 上使用 WKWebView，以提供无缝且全面的聊天界面。它非常适合那些寻求快速、开箱即用解决方案来集成聊天功能而无需广泛定制的团队。

这种方法可确保安全通信，并使用基于 Web 的 Connect 客户聊天界面。但是，您需要配置您的应用程序以 JavaScript 正确处理 Cookie。

有关实现 WebView 集成的更多信息，请参阅 “连接客户” 聊天界面示例 GitHub 存储库。

建议： WebView-based 集成非常适合快速开发和最少的维护，同时确保全面的聊天功能。

Connect Customer 移动版聊天 SDK

适用于 iOS 和 Android 的 Connect Customer 聊天 SDK 简化了原生移动应用程序 Connect Customer 聊天的集成。这些 SDK 可帮助处理客户端聊天逻辑和后端通信，类似于 Amazon Connect ChatJS 库。

Connect Customer 聊天软件开发工具包封了Connect客户参与者服务API，并抽象了聊天会话的管理和. WebSocket 这可以帮助您专注于用户界面和体验，同时依靠 Connect Customer Chat SDK 与所有后端服务进行交互。这种方法仍然需要你使用自己的聊天后端来调用 Connect Customer StartChatContact API 来发起联系。

优势：原生 SDK 支持强大的功能和高性能，非常适合需要深度自定义和无缝用户体验的应用程序。

React Native 集成

连接客户聊天 React Native 集成提供了跨平台的解决方案。它使团队能够使用共享代码库为 Android 和 iOS 构建聊天功能。这种方法平衡了定制和开发效率，同时使用React Native的功能来创建强大的移动应用程序。

此集成使用原生桥接来访问高级功能，并确保跨平台的一致性能和统一的用户体验。使用诸如react-native-websocket和 API 调用之类的库，可以更轻松地实现诸如 WebSocket 通信之类的关键功能axios。

最适合：希望在保持功能灵活性的同时最大化代码重用的团队。

Connect Customer 聊天集成工作流程

下图显示了使用移动应用程序的客户与座席之间的编程流。此图中的编号文字与图片下方的编号文本相对应。

Connect Customer 聊天程序流程。
在图中

  1. 当客户在移动应用程序中开始聊天时，该应用程序应 Connect Customer 使用 StartChatContact API 向发送请求。这需要特定的参数，例如 API 端点以及实例和联系流的 ID，才能进行身份验证和启动聊天。

  2. StartChatContact API 会与您的后端系统交互以获取作为聊天会话唯一标识符的参与者令牌和联系 ID。

  3. 应用程序的用户界面会将 StartChatContact 响应传递给移动设备 SDK，以便 SDK 能够与 Connect Customer 参与者服务进行正确通信并设置客户的聊天会话。

  4. SDK 将向用户界面公开 chatSession 对象，其中包含与聊天会话交互的易用方法。

  5. 在幕后，SDK 使用 AWS SDK 与 Connect Customer 参与者服务交互。与 Connect Customer 参与者服务的沟通负责所有客户与聊天会话的互动。这包括诸如CreateParticipantConnection、SendMessage、GetTranscript 或 DisconnectParticipant 之类的操作。

  6. SDK 还管理从代理接收消息、事件和附件所需的 WebSocket 连接。所有这些都将由 SDK 处理和解析，然后以易用的结构显示在用户界面上。

开始使用 Connect Customer 聊天集成

以下步骤和资源将帮助您开始将 Connect Customer Chat 集成到您的原生移动应用程序中：

  1. 您可以查看我们的启动 ChatContact API 示例，快速设置CloudFormation堆栈， StartChatContact 为调用提供必要的后端。 GitHub

  2. 有关如何构建由 Connect 客户聊天 SDK 提供支持的移动聊天界面的示例，请查看我们的用户界面示例 GitHub 项目。

    请参阅我们的 iOS 和 Android 示例聊天示例，这些示例展示了如何使用聊天软件开发工具包为 Connect Customer 聊天应用程序提供支持 iOS/Android。

  3. 查看适用于 iOS 的 Connect Customer Chat SDK 和适用于 Android 的 Connect Customer Chat SDK GitHub 页面。该 GitHub 页面包含 API 文档和说明所有先决条件和安装步骤的实施指南。

  4. 设置 React Native 集成：使用 React Native 示例获取有关实现基于 React Native 的解决方案的指导。

  5. 如果您对在移动应用程序中设置或使用 Connect Customer 聊天功能 SDK 有任何疑问或问题，可以在适用于 iOS 的Connect Customer 聊天功能 SDK 问题页面或适用于 Android 的Connect Customer 聊天功能 SDK 问题页面提交问题。如果移动聊天用户界面示例存在问题，您可以在 Connect Customer 聊天用户界面示例问题页面提交问题。