Flexcard を有効にして公開する

学習の目的

この単元を完了すると、次のことができるようになります。

管理パッケージ用 Omnistudio の有効化された Flexcard の公開オプションについて説明する。
Flexcard Lightning Web コンポーネントをエクスペリエンスページに追加する。
Lightning ページとエクスペリエンスページの標準 Flexcard コンポーネントを有効化する。

有効化された Flexcard の公開オプション

Flexcard を有効化すると、Lightning ページやコミュニティページに公開可能な Lightning Web コンポーネント (LWC) を生成できます。

[Publish Options (公開オプション)] を設定して、Flexcard Lightning Web コンポーネントを公開できる場所を決定します。また、公開できるページで利用可能なコンポーネントのリストに Lightning Web コンポーネントが表示される場合のコンポーネントの名前を設定します。有効な Flexcard で要素を追加または編集することはできません。

では、[Publish Options (公開オプション)] の項目を詳しく見てみましょう。

アプリケーションページ、ホームページ、レコードページが有効な公開先です。

この Flexcard の [Publish Options (公開オプション)] では、この Flexcard が [teamAccount] (1) という親であり、アクセス可能な [Targets (公開先)] (6) が [App Page (アプリケーションページ)]、[Home Page (ホームページ)]、[Record Page (レコードページ)] であることが示されています。Flexcard は、コミュニティページ、およびプロパティを設定可能なコミュニティページ「コミュニティデフォルト」でもアクセス可能です。

注目すべき公開オプションは以下のように複数あります。

Master Label (マスター表示ラベル) (1): Lightning アプリケーションビルダーおよびコミュニティビルダーでの Flexcard コンポーネントの表示名を入力します。
API Version (API バージョン) (2): Flexcard コンポーネントの API バージョンを選択します。デフォルトは Flexcard を作成したときに使用した API バージョンです。新しい Flexcard を作成した場合は、現在の API バージョンがデフォルトとなります。
Runtime Namespace (ランタイム名前空間) (3): 管理パッケージの名前空間を入力します。
Is Exposed (公開済み) (4): Flexcard コンポーネントを公開する場合はこれを選択します。
Add SVG Resource/Drop it here (ここに SVG リソースを追加/ドロップ) (5): 独自のカスタムコンポーネント SVG アイコンを追加して、生成された LWC を Lightning アプリケーションビルダーおよびコミュニティビルダーで識別します。
Targets (公開先) (6): Flexcard コンポーネントを公開できる場所を選択します。デフォルトでは子 Flexcard には公開先は設定されません。通常、子 Flexcard は親に埋め込まれるか、フライアウトなどのアクションで使用されるかのいずれかであるためです。

Flexcard を Lightning ページに追加する

Flexcard を作成して有効にした後、Lightning アプリケーションビルダーを使用して、生成した Flexcard Lightning Web コンポーネントを Lightning ページに公開します。業種別のコンソールを構築するには、Lightning アプリケーションビルダーを使用します。

Lightning アプリケーションビルダーで、[Publish Options (公開オプション)] でコンポーネントに設定した公開先に応じて、Flexcard コンポーネントをレコードページ、ホームページ、またはアプリケーションページのキャンバス領域にドラッグします。

Flexcard Lightning Web コンポーネントが Lightning アプリケーションビルダーのキャンバスに追加されています。

この例では、Account_Flexcard_Profile コンポーネント (1) が、ページのキャンバス領域 (2) に追加されています。

カスタムコンポーネントリストに Flexcard コンポーネントが見つからない場合は、Flexcard Designer に戻り、Flexcard が有効で、正しい公開先が設定されていることを確認します。

Flexcard をエクスペリエンスページに追加する

Flexcard を有効化してコミュニティページ (エクスペリエンスページ) で利用できるようにした後、エクスペリエンスビルダーを使用して、生成された Lightning Web コンポーネントをコミュニティページに公開します。

エクスペリエンスビルダーは Lightning アプリケーションビルダーと似ています。コンポーネントリストが用意されており、そこから Lightning Web コンポーネントを選択して、キャンバス領域にドラッグすることができます。

エクスペリエンスビルダーを使用して、Lightning Web コンポーネントをコミュニティページに公開します。

この例では、sampleAccount コンポーネント (1) がページのキャンバス (2) に追加されています。

Flexcard とその優れたすべての機能を活用することで、Salesforce Platform で顧客中心かつ業種固有のユーザーエクスペリエンス (UX) コンポーネントとアプリケーションを構築し、お客様を 360 度の角度から把握することができます。

Lightning ページとエクスペリエンスページの標準 Flexcard コンポーネントを有効化する

上記のセクションで説明した 2 つの方法を使用すると、Lightning ページとエクスペリエンスページの両方のカスタムコンポーネントセクションに Flexcard を表示できます。この表示は、Flexcard の [Publish Options (公開オプション)] にある [Targets (公開先)] セクションのチェックボックスに基づいています (この画像を参照)。

[App Page (アプリケーションページ)]、[Home Page (ホームページ)]、[Record Page (レコードページ)]、[Community Page (コミュニティページ)] のチェックボックスがオンになっている [Targets (公開先)] セクション。[Community Default (コミュニティデフォルト)] チェックボックスはオフになっている。

標準データモデルを使用する Omnistudio がインストールされている場合、Flexcard の標準コンポーネントを使用して、Lightning アプリケーションビルダーから Lightning ページに Flexcard を表示できます。作成した有効な Flexcard か、各自の業種ライセンスに含まれている編集不可の標準 Flexcard のいずれかを追加できます。標準 Flexcard コンポーネントは Salesforce 組織でネイティブに動作することから、有効な Omnistudio コンポーネントを Lightning ページに追加するために Omnistudio パッケージをインストールする必要はありません。一方、カスタム Flexcard コンポーネントは、インストール済みの管理パッケージから実行されます。

この機能をオンにできるかどうかを知るには、Omnistudio の sObjects (標準オブジェクト) が組織で使用されているかどうかを確認します。

を選択して、[Setup (設定)] をクリックします。
[Quick Find (クイック検索)] ボックスに Omni Interaction Configuration (Omni Interaction 設定) と入力し、[Omni Interaction Configuration (Omni Interaction 設定)] を選択します。

TheFirstInstalledOmniPackage という名前のエントリが表示されている場合、組織で Omnistudio の sObjects (標準オブジェクト) が使用されているため、標準コンポーネント機能を有効化できます。

組織で Omnistudio の sObjects (標準オブジェクト) が使用されていることを確認したら、標準コンポーネントをオンにすることができます。

を選択して、[Setup (設定)] をクリックします。
[Quick Find (クイック検索)] ボックスに Omnistudio Settings (Omnistudio 設定) と入力し、[Omnistudio Settings (Omnistudio 設定)] を選択します。
[Standard Omnistudio Runtime (標準 Omnistudio ランタイム)] を有効化します。

機能が有効になったら、Lightning アプリケーションビルダーまたはエクスペリエンスビルダーに戻り、[標準] コンポーネントの Flexcard オプションを表示します。

Lightning アプリケーションビルダー内から、Flexcard 要素をページにドラッグします。

Lightning アプリケーションビルダーで Flexcard 標準コンポーネントが表示されている

エクスペリエンスビルダーの [Process Automation (プロセスの自動化)] に Flexcard オプションが表示されます。

エクスペリエンスビルダーの [プロセスの自動化] に Flexcard 標準コンポーネントが表示されている。

この機能が標準オプションとして備わっているのは素晴らしいことですが、標準コンポーネントではサポートされない機能もあることに注意します。機能のサポート内容については、「Omnistudio Standard and Omnistudio for Vlocity Products and Features Support (Omnistudio 標準と Omnistudio for Vlocity の製品と機能のサポート)」を参照してください。

予想時間

トピック

ヘルプをお探しですか?

Industry Solutions のリソース