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

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

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

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

StartChatContact API Amazon Connect を使用して問い合わせを開始します。

使用する統合オプション

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

WebView 統合

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

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

WebView 統合の実装の詳細については、Amazon Connect チャット UI Examples GitHub リポジトリを参照してください。

推奨事項: WebView ベースの統合は、包括的なチャット機能を確保しながら、迅速な開発と最小限のメンテナンスに最適です。

Amazon Connect Mobile 用チャット SDKs

iOS および Android 用 Amazon Connect Chat SDKs、ネイティブモバイルアプリケーション用の Amazon Connect チャットの統合を簡素化します。SDK は、Amazon Connect ChatJS ライブラリと同様にクライアント側のチャットロジックとバックエンド通信の処理に役立ちます。

Amazon Connect Chat SDKs Amazon Connect Participant Service APIsをラップし、チャットセッションと WebSocket の管理を抽象化します。これにより、すべてのバックエンドサービスとやり取りするために Amazon Connect Chat SDK に依存しながら、ユーザーインターフェイスとエクスペリエンスに集中できます。このアプローチでは、引き続き独自のチャットバックエンドを使用して StartChatContact API を呼び出し Amazon Connect 、問い合わせを開始する必要があります。

メリット: ネイティブ SDKs堅牢な機能と高いパフォーマンスを実現するため、詳細なカスタマイズとシームレスなユーザーエクスペリエンスを必要とするアプリケーションに最適です。

React Native 統合

Amazon Connect Chat React Native 統合は、クロスプラットフォームソリューションを提供します。これにより、チームは共有コードベースを使用して Android と iOS の両方のチャット機能を構築できます。この方法では、React Native の機能を活用して堅牢なモバイルアプリケーションを作成しながら、カスタマイズと開発の効率のバランスを取ります。

この統合では、ネイティブブリッジを使用して高度な機能にアクセスし、プラットフォーム間で一貫したパフォーマンスと統一されたユーザーエクスペリエンスを実現します。や API コールなどのライブラリを で使用するreact-native-websocketと、WebSocket 通信などの主要な機能を簡単に実装できますaxios

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

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 を利用したコミュニケーションは、チャットセッションでの顧客とのやり取りすべてを担当します。これには、CreateParticipantConnectionSendMessageGetTranscript、または DisconnectParticipant などのアクションが含まれます。

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

Amazon Connect チャット統合の開始方法

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

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

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

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

  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 Chat SDK for iOS Issues ページまたは Amazon Connect Chat SDK for Android Issues ページのいずれかに問題をファイルできます。モバイルチャット UI の例に問題がある場合は、Amazon Connect チャット UI の例の問題ページに問題を報告することができます。