JSS ReactサンプルアプリでのGraphQLサポート
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
このサンプル・アプリケーションでは、Sitecore GraphQLを使用してコンテンツやその他のカスタム・データ・スキーマへのアクセスを有効にすることができます (たとえば、既存のバックエンドREST・サービス・セットの集約など)。
Sitecore GraphQLには切断されたモック サービスが付属していないため、接続、統合、または ヘッドレス アプリケーション モードで実行されているJSSアプリでのみ動作できます。非接続のGraphQL機能が必要な場合、graphql-toolsは非常に強力なGraphQLモック機能を備えています。
このトピックの残りの部分では、接続モードでのGraphQLの使用について説明します。
接続されたアプリケーションモードと 接続されたGraphQLを混同しないでください。
ReactサンプルアプリはApollo GraphQLクライアントを使用します。ApolloGraphQLクライアントを使用するには、使用方法と実装の詳細についてreact/apolloドキュメンテーション に従いますが、graphql高次コンポーネント (HOC) を使用する代わりに、JSS固有のGraphQLDataHOCを使用してください。このサービスはApolloと同じAPIを備えていますが、Sitecoreと互換性を持たせるためにJSS固有の操作を実行します。
接続された統合GraphQLの完全な使用例は、フォルダsrc/componentsにあり、ドキュメントのコメントが含まれています。たとえば、src/components/graphql/GraphQL-ConnectedDemoでは、コネクテッドGraphQLの使用方法を示します。実装の詳細については、これらのサンプルを参照してください。