デバッグパネル
概要
この デバッグ詳細パネル Avonniコンポーネントビルダーのプレビューモードにあるデバッグ詳細パネルは、動的コンポーネントをリアルタイムでテストおよびデバッグするための直感的な環境を提供します。コンポーネントをSalesforceにデプロイしたり有効化したりする必要はなく、ビルダーから直接変数の入力をシミュレートしたり、出力を検査したり、数式を検証したりできます。
主な利点
高速なテストと反復： さまざまな入力や条件に対するコンポーネントの反応を素早く評価できます。
対話的デバッグ： 変数や数式を変更すると、コンポーネントが瞬時に更新される様子を確認できます。
数式の検証： ビルダー内で直接数式をリアルタイムにテストおよびトラブルシュートできます。
デプロイ不要のテスト： コンポーネントビルダー環境を離れることなくロジックを完全に検証できます。
デバッグ詳細パネルへのアクセス
プレビューモードに入る： Avonniコンポーネントビルダー内で、をクリックします プレビュー ボタン。
パネルを開く： デバッグ詳細パネルは画面の右側に自動的に表示されます。
デバッグ詳細パネルの使用方法
デバッグ詳細パネルは2つのタブで構成されています：
変数タブ
このタブには3つのカテゴリが含まれます：
対象オブジェクト： 動的コンポーネントが対象としているオブジェクトの現在のコンテキストを表示します。
入力変数： として構成された変数を一覧表示します inputAccountId、コンポーネントに渡されるデータをシミュレートできます。
出力変数： として構成された変数の読み取り専用値を表示します 出力可能、コンポーネントによって生成されたデータを反映します。
仕組み：
適切なセクションからテストしたい変数を選択します。
パネル内で直接値を入力または選択します。
プレビューキャンバスで即時の再レンダリングと動的更新を確認します。
出力変数については、キャンバス上でコンポーネントを操作（例：フォーム送信、ボタンクリック）してリアルタイムの値更新を監視します。
数式タブ
このタブは、動的コンポーネントに含まれる数式のデバッグと検証を容易にします。
仕組み：
コンポーネントに設定されているすべての数式を表示します。
変数や入力が変化するにつれて数式のリアルタイム評価を監視します。
デバッグパネルから直接数式内の論理的または計算上の問題を素早く特定して解決できます。
実用例：レコード固有コンポーネントのテスト
シナリオ： コンポーネントはレコードIDを使用して関連するSalesforceデータを取得して表示します。
セットアップ：
名前が付いたテキスト変数を定義します
inputRecordId変数リソース名を inputAccountId.この変数を「読み込み時」>「レコード取得」などのアクションで使用して、データを動的に取得します。
テスト手順：
をクリックします プレビュー コンポーネントビルダー内で。
に移動します 変数 デバッグ詳細パネルのタブ。
の下で 入力変数、を見つけます
inputRecordId.有効な18文字のSalesforceレコードIDを入力フィールドに貼り付けます。
指定したレコードのデータが表示されるようにコンポーネントが即座に再レンダリングされるのが確認できます。
レコードIDを変更して、異なるシナリオを瞬時にテストします。
主な注意点
プレビューモード限定： このパネルは、でのみ利用可能なテストツールです プレビューモード。ライブのSalesforceページには表示されません。
変数の表示可否： 変数は、「入力変数」または「出力変数」タブに表示されるのは、その 「入力可能」 または 「出力可能」 チェックボックスがリソースパネル内の設定でオンになっている場合のみです。
まとめ
強化された デバッグ詳細パネル はAvonni動的コンポーネントのテストとデバッグを大幅に簡素化します。変数と数式を管理するための専用タブにより、コンポーネントの動作とロジックをコンポーネントビルダー内で直接迅速に検証でき、開発の効率と信頼性が向上します。
最終更新
役に立ちましたか？