JSSアプリを接続モードで起動する

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

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

実行中のSitecoreインスタンスに対してJSSアプリケーションをローカルで開発するには、JSSアプリケーションを接続モードで起動する必要があります。

JSSアプリケーションを接続モードで実行すると、アプリケーションのレンダリングはブラウザによって実行されます。

Sitecoreデータベースは、コンテンツ、レイアウト データ、およびコンポーネントの登録を保持しているため、アプリケーションでモック データをローカルに定義する必要はありません。アプリケーションは、HTTPリクエストを通じてSitecoreからデータを取得します。

次の図は、HTTPがSitecoreデータを取得する方法を示しています。

HTTP data requests from a JSS app in connected mode.
先端

JSSアプリケーションには、アプリケーションを接続モードで起動するためのスクリプトがpackage.jsonファイルに含まれています。

アプリケーションを接続モードで起動するには:

  1. 手順に従って、アプリケーションをSitecoreに接続してデプロイします

  2. ターミナルで、次のスクリプトを実行します。

    RequestResponse
    jss start:connected

    このスクリプトは、ローカル開発サーバーを起動します。

    メモ

    コード優先からSitecore優先の開発ワークフローに移行し、スクリプトの名前をjss start:connectedに変更した場合は、代わりに新しく名前が付けられたスクリプトを実行する必要があります。

  3. ブラウザでhttp://localhost:3000を開きます。自動的に開かない場合は開きます。

手記

エクスペリエンス エディター モードでSitecoreにサインインしている場合、JSSアプリを接続モードで実行すると、JSSアプリケーションに余分なコードのようなマークアップが配信される可能性があります。これが発生した場合は、Sitecoreでサイトをプレビュー モードまたは通常モードに切り替えると、余分なマークアップが消えます。

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

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