JSS Vue.jsサンプルアプリでのGraphQLのサポート
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
サンプル アプリケーションでは、Sitecore GraphQLを使用して、コンテンツやその他のカスタム データ スキーマへのアクセス (バックエンドRESTサービスの既存のセットの集約など) をサポートしています。
Sitecore GraphQLには切断されたモック サービスが付属していないため、接続、統合、または ヘッドレス アプリケーション モードで実行されているJSSアプリでのみ動作できます。切断されたGraphQL機能が必要な場合、graphql-toolsは非常に強力なGraphQLモック機能を備えています。
このトピックの残りの部分では、接続モードでのGraphQLの使用について説明します。
接続アプリケーションモードと 接続GraphQLを混同しないでください。
Vueサンプルアプリは @vue/apolloライブラリを使用し、Apollo GraphQLクライアントと統合します。使用方法と実装の詳細については、@vue/apolloのドキュメントに従ってください。
サーバーサイドレンダリング (SSR) の場合、サンプルアプリは @vue/apolloのprefetch機能を使用してGraphQLクエリデータをプリフェッチし、アプリをサーバー上のHTMLにレンダリングします。これにより、SSRはGraphQLクエリの非同期結果を評価できます。GraphQLを使用していない場合は、@vue/apolloプリフェッチ機能を削除できます。
接続された統合GraphQLの完全な使用例は、フォルダsrc/componentsに提供され、ドキュメントのコメントが含まれています。たとえば、src/components/GraphQL-ConnectedDemo接続されたGraphQLの使い方を示しています。実装の詳細については、これらのサンプルを参照してください。