---
title: "JSS AngularアプリにおけるGraphQLサポート"
slug: "graphql-support-in-the-jss-angular-app"
abstract: "JSS AngularアプリケーションにおけるGraphQLのサポートと制限の説明。"
---
# JSS AngularアプリにおけるGraphQLサポート

サンプルアプリケーションは、コンテンツやその他のカスタムデータスキーマへのアクセスを可能にするためのSitecore GraphQL(例:既存のバックエンドRESTサービスの集約)をサポートしています。

Sitecore GraphQLは切断されたモックサービスを搭載していないため、[接続](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/start-a-jss-app-in-connected-mode.html "Start a JSS app in connected mode")、[統合](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/start-a-jss-app-in-integrated-mode.html "Start a JSS app in integrated mode")、[またはヘッドレス](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/headless-server-side-rendering-mode.html "Headless server-side rendering mode") のアプリケーションモードで動作するJSSアプリでのみ動作可能です。切断されたGraphQL機能が必要な場合は、[GraphQL-Tools](https://github.com/apollographql/graphql-tools)が非常に強力なGraphQLモッキング機能を備えています。

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

> !重要接続型アプリケーションモードと [接続型GraphQL](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/connected-graphql-in-jss-apps.html "Connected GraphQL in JSS apps")を混同しないでください。

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

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