この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

Lightning コンポーネントコードの例

次の例は、applicationName、developerName および namespacePrefix を使用して <force:canvasApp> コンポーネントを参照する方法を示しています。

可能な場合は applicationName ではなく developerName を使用します。developerName (API 参照名とも呼ばれる) はキャンバスアプリケーションを作成したときに接続アプリケーションに割り当てられる永続名です。applicationName は変更可能です。変更すると、変更前の名前を使用する Aura コンポーネントが破損する可能性があります。

メモ

オブジェクト詳細ページ

この例では、<force:canvasApp> の applicationName および namespacePrefix 属性を使用して [取引先] ページにキャンバスアプリケーションを表示しています。

まず、myCanvasApp.cmp で canvasParameters という Aura 属性を定義します。この属性を使用して recordId をキャンバスアプリケーションに渡します。次に init ハンドラーを定義します。このハンドラーはコンポーネントが初期化されるときに doInit アクションメソッドを呼び出します。<force:canvasApp> にキャンバスアプリケーションのサイズをピクセル単位で指定します。

1<!-- myCanvasApp.cmp file -->
2<aura:component implements="flexipage:availableForAllPageTypes, force:hasRecordId">
3    <aura:attribute name="canvasParameters" type="string" />
4    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
5
6    <force:canvasApp applicationName="Test Inline Aura" 
7        namespacePrefix="testorg"
8        height="400px" width="750px"
9        parameters="{!v.canvasParameters}"/>
10</aura:component>

myCanvasAppController.js で、doInit メソッドにより canvasParameters 属性に recordId を設定します。

1// myCanvasAppController.js
2({
3    doInit : function(cmp, evt, helper) {
4        var recordId = cmp.get("v.recordId");
5        cmp.set("v.canvasParameters", JSON.stringify({
6            recordId: recordId
7        }));
8    }
9})

標準ページ

この例では、<apex:canvasApp> の developerName および namespacePrefix 属性を使用して Aura コンポーネントにキャンバスアプリケーションを表示しています。このコードでは、キャンバスアプリケーションのサイズが 1000x800 ピクセル (高さ x 幅) に指定されます。このコードは 3 つのカスタムパラメーターをキャンバスアプリケーションに渡します。

1<aura:component>
2
3    <force:canvasApp developerName="Test_Standard_Aura" 
4        namespacePrefix="testorg" height="1000px" width="800px" 
5        parameters='{"p1":"value1", "p2":"value2", "p3":"value3"}'/>
6
7</aura:component>

Canvas 開発者ガイド

Lightning コンポーネントコードの例

オブジェクト詳細ページ

標準ページ