JSS AngularアプリにおけるGraphQLサポート

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

サンプルアプリケーションは、コンテンツやその他のカスタムデータスキーマへのアクセスを可能にするためのSitecore GraphQL(例

)をサポートしています。

Sitecore GraphQLは切断されたモックサービスを搭載していないため、接続統合またはヘッドレス のアプリケーションモードで動作するJSSアプリでのみ動作可能です。切断されたGraphQL機能が必要な場合は、GraphQL-Toolsが非常に強力なGraphQLモッキング機能を備えています。

このトピックの残りの部分では、接続モードでGraphQLを使用する方法について説明します。

!重要接続型アプリケーションモードと 接続型GraphQLを混同しないでください。

Angularサンプルアプリはapollo-angularクライアントをAngularとApollo GraphQLの間の橋渡しとして使用しています。このクライアントはJssGraphQLServiceサービス内で活用されています。このサービスはApolloと同じAPIを持ちますが、Sitecoreと互換性を持つためにJSS固有の操作をいくつか行っています。

コネクテッドおよび統合GraphQLの完全な例はサンプルアプリに付属しており、ドキュメントのコメントも含まれています。例えば、src/app/components/graph-ql-connected-demoはコネクテッドGraphQLの使い方を示しています。実装の詳細についてはこれらのサンプルをご参照ください。

この記事を改善するための提案がある場合は、 お知らせください!