Amazon Connect チャットをモバイルアプリケーションに統合する - Amazon Connect
使用する統合オプションAmazon Connect チャット統合ワークフローAmazon Connect チャット統合を始める

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

Amazon Connect チャットをモバイルアプリケーションに統合する

このトピックでは、Amazon Connect Chat をモバイルアプリケーションに統合する方法について説明します。次のオプションの 1 つを使用できます。

Amazon Connect StartChatContact APIを呼び出し、コンタクトを開始します。

使用する統合オプション

このセクションでは、ソリューションに使用する統合オプションを決定するのに役立つ各統合オプションについて説明します。

WebView 統合

Amazon Connect Chat WebView 統合により、最小限の開発作業で完全なチャットエクスペリエンスをモバイルアプリケーションに埋め込むことができます。このメソッドでは、Android では WebView、iOS では WKWebView を使用して、シームレスで包括的なチャットインターフェイスを提供します。これは、広範囲のカスタマイズなしでチャット機能を統合するための、既成の迅速なソリューションを求めるチームに最適です。

このアプローチにより、セキュアな通信が保証され、ウェブベースの Amazon Connect チャットインターフェイスが活用されます。ただし、Cookie と JavaScript を適切に処理するようにアプリを設定する必要があります。

WebView 統合の実装の詳細については、「Amazon Connect チャット UI の例」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 や API コールなどのライブラリを axios で使用すると、WebSocket 通信などの主要な機能を簡単に実装できます。

最適: 機能の柔軟性を維持しながらコードの再利用を最大化したいチーム。

Amazon Connect チャット統合ワークフロー

次の図は、モバイルアプリケーションを使用する顧客とエージェント間のプログラミングフローを示しています。図の番号付きのテキストは、画像の下にある番号付きのテキストに対応しています。

Amazon Connect チャットプログラムのフローを示す図。
図の説明

  1. 顧客がモバイルアプリでチャットを開始すると、アプリは StartChatContact API を使用して Amazon Connect にリクエストを送信します。これには、チャットを認証して開始するためのインスタンスおよびコンタクトフローの API エンドポイントや ID など、特定のパラメータが必要です。

  2. StartChatContact API はバックエンドシステムとやり取りして、チャットセッションの一意の識別子として機能する参加者トークンとコンタクト ID を取得します。

  3. アプリの UI は、SDK が Amazon Connect Participant Service と適切に通信し、顧客のチャットセッションを設定するために、モバイル SDK に StartChatContact レスポンスを送信します。

  4. SDK は chatSession オブジェクトを UI に公開します。UI には、チャットセッションでやり取りするための使いやすいメソッドが含まれます。

  5. フードの下で、SDK は AWS SDK を使用して Amazon Connect Participant Service とやり取りします。Amazon Connect Participant Service を利用したコミュニケーションは、チャットセッションでの顧客とのやり取りすべてを担当します。これには、CreateParticipantConnection、SendMessage、GetTranscript、または DisconnectParticipant などのアクションが含まれます。

  6. SDK は、エージェントからメッセージ、イベント、添付ファイルを受信するために必要な WebSocket 接続も管理します。これらはすべて SDK によって処理および解析され、理解しやすい構造で UI に表示されます。

Amazon Connect チャット統合を始める

次のステップとリソースは、ネイティブモバイルアプリケーションに Amazon Connect チャットを統合する際に役立ちます。

  1. GitHub の startChatContactAPI の例を参照して、StartChatContact を呼び出すために必要なバックエンドを提供する CloudFormation スタックをすばやく設定できます。

  2. Amazon Connect Chat SDK を活用してモバイルチャット UI を構築する方法の例については、UI の例 GitHub プロジェクトを参照してください。

    iOS/Android 用チャット SDK を使用してチャットアプリケーションを強化する方法を示すサンプルの iOS および Android のチャット例を参照してください。

  3. Amazon Connect iOS 用チャット SDK および Amazon Connect Android 用チャット SDK GitHub のページをご覧ください。GitHub ページには、API ドキュメントと、前提条件やインストール手順を説明する実装ガイドが含まれています。

  4. React Native 統合を設定する: React Native ベースのソリューションの実装に関するガイダンスについては、React Native の例を活用します。

  5. モバイルアプリケーションでの Amazon Connect Chat SDK の設定または使用に関して質問や問題がある場合は、「Amazon Connect iOS 用チャット SDK の問題」ページまたは「Amazon Connect Android 用チャット SDK の問題」ページのいずれかに問題を報告することができます。モバイルチャット UI の例に問題がある場合は、Amazon Connect チャット UI の例の問題ページに問題を報告することができます。