tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:Lightning Web コンポーネントのアプリケーションページへの配置を試してみました

Lightning Web コンポーネントのアプリケーションページ配置を試してみました。

f:id:tyoshikawa1106:20200310080437p:plain


Lightning Web コンポーネントをアプリケーションページに配置するにはXMLファイルで下記の宣言をする必要があります。

<target>lightning__AppPage</target>


全体はこんな感じ。

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>47.0</apiVersion>
    <isExposed>true</isExposed>
    <targets>
        <target>lightning__HomePage</target>
        <target>lightning__AppPage</target>
    </targets>
</LightningComponentBundle>

f:id:tyoshikawa1106:20200311042907p:plain


上記のように「target」の宣言をすることでカスタムの欄に表示されるようになりLighnting Web コンポーネントがアプリケーションページに配置可能になります。

f:id:tyoshikawa1106:20200311043102p:plain


作成したアプリケーションページはLighntingページタブを作成することでタブによるアクセスが可能になります。
f:id:tyoshikawa1106:20200311043254p:plain


アプリケーションページに配置されたLWCタブはこんな感じで画面に表示されます。
f:id:tyoshikawa1106:20200311043340p:plain