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の使用方法を示します。実装の詳細については、これらのサンプルを参照してください。