将 Amazon Connect 聊天功能集成到移动应用程序中 - Amazon Connect

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

将 Amazon Connect 聊天功能集成到移动应用程序中

本主题将介绍如何将 Amazon Connect 聊天功能集成到移动应用程序中。可以使用以下选项之一:

使用 Amazon Connect StartChatContact API 来发起联系。

使用哪个集成选项

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

WebView 集成

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

这种方法可确保安全通信,并利用基于 Web 的 Amazon Connect 聊天界面。但是,需要将您的应用程序配置为正确处理 Cookie 和 JavaScript。

有关实施 WebView 集成的更多信息,请参阅 Amazon Connect 聊天用户界面示例 GitHub 存储库。

建议:基于 WebView 的集成非常适合快速开发且极少维护,同时可确保全面的聊天功能。

移动设备 Amazon Connect 聊天 SDK

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

Amazon Connect 聊天 SDK 封装了 Amazon Connect Participant Service API,并抽象了聊天会话和 WebSocket 的管理。这样,您就可以专注于用户界面和体验,同时依靠 Amazon Connect 聊天 SDK 与所有后端服务进行交互。这种方法仍然需要您使用自己的聊天后端调用 Amazon Connect StartChatContact API 来发起联系。

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

React Native 集成

Amazon Connect Chat React Native 集成提供了一种跨平台解决方案。它使团队能够使用共享代码库为 Android 和 iOS 构建聊天功能。这种方法在利用 React Native 的创建强大移动应用程序的功能的同时,平衡了自定义和开发效率。

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

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

Amazon Connect 聊天集成工作流程

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

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

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

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

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

  5. 在幕后,SDK 使用 AWS SDKAmazon Connect 参与者服务交互。与 Amazon Connect 参与者服务的沟通负责所有客户与聊天会话的互动。这包括诸如CreateParticipantConnectionSendMessageGetTranscriptDisconnectParticipant 之类的操作。

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

Amazon Connect 聊天集成入门

以下步骤和资源将帮助您开始将 Amazon Connect 聊天功能集成到本地移动应用程序中:

  1. 您可以快速设置 CloudFormation 堆栈,通过查看我们在 GitHub 上提供的 startChatContactAPI 示例,来提供调用 StartChatContact 所需的后端。

  2. 有关展示如何使用 Amazon Connect 聊天 SDK 构建移动设备聊天用户界面的示例,请查看我们的用户界面示例 GitHub 项目。

    请参考我们的 iOSAndroid 聊天示例,了解如何使用适用于 iOS/Android 的 Amazon Connect 聊天功能 SDK 为聊天应用程序提供支持。

  3. 查看适用于 iOS 的 Amazon Connect 聊天功能 SDK适用于 Android 的 Amazon Connect 聊天功能 SDK GitHub 页面。该 GitHub 页面包含 API 文档以及阐释所有先决条件和安装步骤的实施指南。

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

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