JSSアプリを切断モードで起動する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
実行中のSitecoreインスタンスにアクセスせずにJSSアプリケーションをローカルで開発するには、JSSアプリケーションを切断モードで起動する必要があります。
この手順は、RESTレイアウト・サービスおよびディクショナリ・サービスを使用してデータをフェッチするJSSアプリケーションにのみ適用されます。GraphQLサービスを使用するときにアプリケーションを切断モードで起動するには、別の手順に従う必要があります。
Sitecoreインスタンスにアクセスできないため、YAMLまたはJSON形式を使用してローカル ファイルを使用してコンテンツ データをモックする必要があります。
JSSアプリケーションを切断モードで実行することは、開発者がSitecoreインスタンスにアクセスできない場合、主な専門知識がJavaScriptである場合、またはフロントエンド開発者が独自のSitecoreインスタンスを持つことが望ましくない場合 (技術的またはビジネス上の制限) に有利です。
Next.js JSSアプリケーションを使用する予定の場合は、アプリの作成時に nextjs-styleguideアドオンを含める必要があります。このアドオンは、アプリを切断モードで実行するために必要なdataフォルダーとsitecore/definitionsフォルダーを追加する役割を担います。
次の図は、アプリケーションからデータ ファイルへの要求のフローを示しています。
開発者は、非接続モードで開発された アプリケーションをSitecoreにインポート し、後でアプリケーションを接続モードで実行するために必要なすべてのSitecoreアイテムを作成できます。
一般的な開発パスは、アプリケーションのライフサイクルを切断モードで開始し、切断されたインポートの制限を回避する必要がある場合は、後の開発段階で接続モードに移行することです。
JSSアプリケーションには、アプリケーションを切断モードで開始するためのスクリプトがJSSファイルのpackage.jsonに含まれています。
アプリケーションを切断モードで起動するには:
-
ターミナルで、JSSアプリケーションフォルダに移動し、次のスクリプトを実行します。
このスクリプトは、ローカル開発サーバーを起動します。
-
ブラウザでhttp://localhost:3000を開きます。自動的に開かない場合は開きます。