デバッグパネル

概要

The デバッグ詳細パネル Avonni コンポーネントビルダーのプレビューモードにあるデバッグ詳細パネルは、動的コンポーネントをリアルタイムでテストおよびデバッグするための直感的な環境を提供します。コンポーネントを Salesforce に有効化またはデプロイする必要なく、変数入力をシミュレートし、出力を検査し、ビルダー内で直接数式を検証できます。

主な利点

  • 迅速なテストと反復:さまざまな入力や条件に対するコンポーネントの応答を素早く評価します。

  • インタラクティブデバッグ:変数や数式を変更すると、コンポーネントが即座に更新される様子を確認できます。

  • 数式の検証:ビルダー内で直接、数式をリアルタイムにテストしてトラブルシューティングできます。

  • デプロイ不要のテスト:コンポーネントビルダー環境を離れることなく、ロジックを完全に検証できます。


デバッグ詳細パネルへのアクセス方法

  1. プレビューモードに入る:Avonni コンポーネントビルダー内で、をクリックします プレビュー ボタン。

  2. パネルを開く:デバッグ詳細パネルは画面の右側に自動的に表示されます。


デバッグ詳細パネルの使い方

デバッグ詳細パネルは2つのタブで構成されています:

変数タブ

このタブには3つのカテゴリが含まれます:

  • 対象オブジェクト:動的コンポーネントが対象としているオブジェクトの現在のコンテキストを表示します。

  • 入力変数:として構成された変数の一覧、 入力可能にすることで、、コンポーネントに渡されるデータをシミュレートできるようにします。

  • 出力変数:として構成された変数の読み取り専用値を表示します、 出力可能、コンポーネントによって生成されるデータを反映します。

仕組み:

  • 適切なセクションからテストしたい変数を選択します。

  • パネル内で直接値を入力または選択します。

  • プレビューキャンバス上で即時に再レンダリングおよび動的更新が行われるのを確認します。

  • 出力変数の場合、キャンバス上でコンポーネントと対話(例:フォーム送信、ボタンクリック)して、リアルタイムの値更新を監視します。

数式タブ

このタブは、動的コンポーネントに含まれる数式のデバッグと検証を容易にします。

仕組み:

  • コンポーネントで構成されたすべての数式を表示します。

  • 変数や入力が変化する際の数式のリアルタイム評価を監視します。

  • デバッグパネルから直接、数式内の論理的または計算上の問題を迅速に特定して解決できます。


実用例:レコード特有コンポーネントのテスト

シナリオ: コンポーネントはレコードIDを使用して関連する Salesforce のデータを取得して表示します。

セットアップ:

  • という名前のテキスト変数を定義します、 inputRecordId そしてそれをマークします、 入力可能にすることで、.

  • 「オンロード」>「レコード取得」などのアクションでこの変数を使用してデータを動的に取得します。

テスト手順:

  1. クリックしてください プレビュー コンポーネントビルダー内で。

  2. に移動します、 変数 デバッグ詳細パネルのタブ。

  3. の下で、 入力変数を探します、 inputRecordId.

  4. 入力フィールドに有効な18文字の Salesforce レコードIDを貼り付けます。

  5. 指定したレコードのデータが表示されるようにコンポーネントが即座に再レンダリングされるのを確認します。

  6. レコードIDを変更して、さまざまなシナリオを即座にテストします。


重要な考慮点


まとめ

強化された デバッグ詳細パネル は Avonni の動的コンポーネントのテストとデバッグを大幅に簡素化します。変数と数式を管理するための専用タブにより、コンポーネントの動作とロジックをコンポーネントビルダー内で直接迅速に検証でき、開発の効率性と信頼性が向上します。

最終更新

役に立ちましたか?