チュートリアル: JSS for Vue.jsの概要
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
このチュートリアルでは、初めてのJSS Vue.jsアプリケーションの使用を開始する方法について説明します。
JSS for Vue.jsを使用してアプリケーションを作成および実行する前に、まず次のことを行う必要があります。
-
JSSでビルドされたJavaScriptアプリで使用できる アプリケーション・モード について理解しておいてください。
-
JSS CLIをインストールします。
このチュートリアルでは、次の方法について説明します。
-
アプリケーションを作成します。
-
アプリケーションを実行します。
アプリケーションを作成する
JSS forのVue.jsを使用してアプリケーションを作成するには:
-
次のコマンドを実行します。
RequestResponsenpx create-sitecore-jss@ver<version-number> vue [--appName <your-app-name> --fetchWith [REST | GraphQL]]
<version-number> を使用するバージョンに置き換えます。たとえば、21.
メモGraphQLを選択する場合、アプリケーションはSitecoreに接続されている必要があります。GraphQL要求は 、切断モードではサポートされていません。
アプリケーションを実行する
アプリケーションを起動するには、選択した開発ワークフローに応じて、ターミナルで次のいずれかのスクリプトを実行します。
スクリプト定義は、新しいJSS Vue.jsアプリケーションのpackage.jsonファイルにあります。
-
Sitecoreインスタンスが利用できない場合は、アプリケーションを切断モードで起動します。
RequestResponsejss start
-
Sitecoreインスタンスがあり、それに対して開発する場合は、アプリケーションをインスタンスに接続し 、アプリケーションを接続モードで起動します。
RequestResponsejss start:connected