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