Channel Developers

thumbnail
カテゴリー

Snippet

スニペットとは

スニペットとは(v0) スニペットは、Channelでカスタマイズ可能なインタラクティブコンポーネントです。スニペットを使用すると、アプリケーションをシームレスにチャネルに統合できます。ユーザーに対応する際に改善に役立つカスタマイズ可能なウィジェットです! スニペットの作成方法 1. まずは、非常に簡単なコードでスニペットを作成し、ご自身のサーバーにアップロードしてください。使用できるパーツの種類については、「スニペットコンポーネント」のページでご確認いただけます。 2. 作成したスニペットのコードは、専用のスニペットビルダーサイトで、実際の動きを簡単にテスト・確認することができます。 3. 設定メニューを開き、「スニペットの設定」をクリックします。スニペットに名前を付け、サーバーのAPI URLを入力して保存します。 4. 登録したスニペットは、いつでも編集や削除が可能です。また、設定ひとつですぐに非表示にすることもできます。 スニペットのデモを試す 弊社のデモ用URLを使えば、ご自身のチャットチャネルで簡単にテストが可能です。 サンプルサーバーのURL:https://snippe
スニペットとは

スニペットの動作フロー

フローの概要 スニペットのフローは、チャネルとご自身のスニペットサーバーとの間で行われる2つの主要なやり取りで構成されています。 初期化フロー 1. チームメンバーによるアクセス:チームメンバーがユーザーチャットページにアクセスすると、チャネルは自動的にスニペットの初期化プロセスを開始します。 2. 初期化リクエスト:チャネルは、チャネルの詳細、ユーザー情報、オンラインステータス、チームメンバーのデータを含む、現在のコンテキストに関するメタ情報を含んだPOSTリクエストを、ご自身のスニペットサーバーに送信します。リクエスト形式は、以下のInitializeの例に従います。 3. スニペットレスポンス::ご自身のサーバーはリクエストを処理し、表示されるUIコンポーネントを含むスニペットモデルをレスポンスとして返信します。レスポンスは「Snippet Model」の構造に従う必要があります。 4. レンダリング:チャネルはスニペットモデルを受け取り、チャットインターフェース内にインタラクティブなUIコンポーネントをレンダリングしてチームメンバーに表示します。 送信フロー 1. ユーザーイン
スニペットの動作フロー

Snippet Components

10件の記事
Snippet Components