Web 用組み込みサービス開発者ガイド
jAura コンポーネントを使用した最小化時の組み込みサービス UI のカスタマイズ
カスタム Aura コンポーネントを使用して、組み込みコンポーネントが Web ページ上で最小化されているときのユーザインターフェースをカスタマイズします。
開始する前に、組み込みサービスリリースがすでに設定されていることを確認します。次に、開発者コンソールに移動し、 をクリックします。コンポーネントの名前と説明を入力し、[Submit (送信)] をクリックします。
-
最小化時のインターフェースを実装します。
aura コンポーネントの開始タグを次のように変更します。
このコードは lightningsnapin:minimizedUI インターフェースを実装します。これによって [設定] の [組み込みサービス] で最小化時のコンポーネントとしてこのコンポーネントを選択できるようになります。
-
最小化時の API コンポーネントを作成します。
このコードが提供する API を使用して、最小化されたコンポーネントのユーザインターフェースをカスタマイズできます。
-
初期化 aura ハンドラを追加します。
このアクションは、コンポーネントが初期化されるときにコールされます。
-
マークアップを追加します。
ボタン、画像、検証、その他の作成したいものを作成します。[設定] の [組み込みサービス] で指定した項目を使用してレイアウトを完全に制御できます。
顧客が埋め込みコンポーネントを開くことができるように、必ずコンテナ最大化アクションを追加します。たとえば、ボタンのクリックハンドラとして次のコードを追加することをお勧めします。 -
コンポーネントコントローラに初期化アクションを追加します。
-
最小化されたコンポーネントからチャットを最大化するハンドラを追加します。
ボタン要素にクリックハンドラを追加します。顧客はこのボタンを使用してチャットを最大化します。
-
ヘルパーに最小化時のイベント汎用ハンドラを追加します。
-
コンポーネントを保存し、[設定] の [組み込みサービス] でコンポーネントを選択します。
コンポーネントを保存した後に、[設定] の [組み込みサービス] のチャット設定に移動します。作成したコンポーネントが最小化時の組み込みコンポーネント用のカスタムコンポーネントとして選択できるようになっています。