独自UIのチャットクライアントを設置してみました。独自UIのチャットクライアントを設置してみました。はじめにCX事業本部の平内(SIN)です。Connect(以下、Connect)では、先月から、音声での対応に加えて、チャットでの利用も可能になっています。前回、Amazonで提供されている、startChatContactAPIを利用してチャットクライアントの設置を試してみました。チャットクライアントを設置してみました。(amazon-connect-chat-interface.jsを利用)startChatContactAPIでは、チャット用のUIが、ウィジェットとして提供されていますが、今回は、同じくAmazonから提供されているamazon-connect-chatjsを使用して、独自のUIでチャットクライアントを設置してみました。最初に、利用している様子です。amazon-connect-chat.js今回使用した、amazon-connect-chat.jsについては、下記の手順で生成できます。amazon-connect-chat.jsまた、使用方法は、以下のとおりです。(connect.ChatSession.setGlobalConfig)connect.ChatSession.setGlobalConfigで、connectオブジェクトを初期化します。loggerとregionをパラメータとしますが、loggerの方は、省略可能です。(connect.ChatSession.create)connect.ChatSession.createでチャットのセッションを生成します。戻り値として得られます。Gateway経由これらの値を取得することになります。(session.connect)connect()で、セッションが開始されます。セッション開始後は、以下のイベントを処理することが可能になります。(onMessage)チャット中の各種のメッセージは、onMessageで受け取ることができます。"MESSAGE"で処理できます。message.data.ParticipantRoleを見て、顧客からなのか、エージェントからなのか、又は、システムからなのかを判断できます。"EVENT"のメッセージを受けとることになります。(sendMessage)sendMessageを使用してメッセージを送信します。タイプ中(sendEvent)sendEventを使用してタイプ中である事を相手側に伝えることができます。今回は、実装していません。(disconnectParticipant)セッションの切断は、disconnectParticipantを使用して行います。設置このチャットは、startChatContactを、Lambda側で実装しています。Gatewayの設置に関しては、下記とまったく同じですので、ここでは、省略させて下さい。html実装したhtmlは、以下のようになっています。最後に今回は、独自のUIで、Connectのチャットクライアントを設置してみました。UIを自由に設計できるため、各種の場面・利用方法でチャットの利用が可能になってきます。エージェント側の実装も可能なようですので、オペレーター側の応用も検討できそうで、夢が広がります。Connectのオムニチャネル強力です。コメントは受け付けていません。3,363,621CX事業本部の平内です。最近は、音声で操作するアプリの開発を担当させて頂いてます。チャットクライアントを設置してみました。リモート】クラスメソッドの会社説明会を開催しますクラスメソッドでは、AWS・AI・ビッグデータ・モバイルなどの技術職や営業のメンバーとして一緒にお仕事をする仲間を大募集しています。#cmdevio新型コロナウイルスの感染拡大を受け、本イベントを延期させていただくことになりました(開催時期未定)。お申し込みいただいた皆様には大変申し訳ございませんが、何卒ご理解いただけますようよろしくお願いいたします。AWSについてライトに色んな情報交換をしましょう。カフェ店長のオカノです。今日はオフィスに用があるので、通勤ラッシュを避けて出社しました。この子は新メンバーのさめくんです。在宅勤務が推奨されているのでオフィスが閑散としており、すこしさみしそうです。タイトルがすべてなのですが、社内で「登壇勉強会」が開催されたので、「登壇は最強の生存戦略である」というタイトルで登壇しました。本が出ていたので読んでみたところよかったので紹介させていただきます。使いたいときの注意点を書きました。臼田佳祐295ワークフロー自動化OSSのn8nをAWS環境で建てて検証してみました。非常に期待できるサービスです。Fargateの勉強をしています。使ってみたい方は参考にしてください。洋介255SnowflakeがAWSの東京リージョン上で稼働するようになりました。データを日本に置けます。芳賀健233こんにちは!猫様の忠実なるしもべ、芳賀健です。Tokyoで開催されました。カフェ店長のオカノです。クラスメソッド株式会社が運営するAWS・iOS・HTML5に関する技術情報サイトです。