接続モードで実行される Sitecore ファーストの JSS アプリに新しいコンポーネントを作成する

Version: 20.x
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Sitecore ファーストでの開発時に、アプリケーションを接続モードで実行している場合は、コンポーネント登録を Sitecore インスタンスにデプロイできます。

重要

JSS Next.js アプリで Sitecore ファーストの開発ワークフローを使用してコンポーネントを作成するには、チュートリアル: Sitecore ファーストの開発ワークフローを使用した、JSS Next.js アプリでの新しいコンポーネントの作成 を参照してください。

次の手順は、React、Angular、または Vue.js の JSS アプリケーションに適用されます。

アプリケーションが接続モードで実行されているときに新しいコンポーネントを作成するには:

  1. コンポーネントを常駐させる必要があるプレースホルダー名を決めます。このプレースホルダー名は、コンポーネントを HTML ソース コードのどこに挿入するかを決定するために、コンポーネントの JavaScript コード (ルートまたは別のコンポーネント) で定義する必要があります。

  2. コンポーネントの登録を Sitecore データベースにデプロイするために、jss deploy component コマンドを使用します。

    RequestResponse
    jss deploy component <ComponentName> --allowedPlaceholders=[placeholderName]

  3. JSS アプリでコンポーネントを作成し、Component Factory に登録します。

  4. 次のように、アプリのビルド アーティファクトを Sitecore にデプロイします。

    RequestResponse
    jss deploy files

  5. Sitecore にログインし、サポートされている Sitecore エディターのいずれかを使用して、アプリでルートを開きます。次に、新しいコンポーネントを UI から許可されたプレースホルダーに追加します。

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、