Chrome DevToolsを使用してGraphQLクエリをキャプチャする
Chrome DevTools ↗を使用すると、Cloudflare Dashboardの分析の背後で実行されているクエリをキャプチャできます。この例では、Network Analyticsデータセットに焦点を当てますが、同じプロセスはダッシュボード内の他の分析にも適用できます。
- Cloudflareダッシュボード ↗にログインし、アカウントを選択します。
- Analytics & Logsに移動し、Network AnalyticsダッシュボードまたはGraphQLクエリを確認したい他の分析ダッシュボードを選択します。
- Chrome Developer Tools ↗を開き、Inspectを選択します。
- Developer ToolsパネルでNetworkタブを選択します。
- フィルターバーに
graphqlと入力してGraphQLリクエストをフィルタリングします。リクエストが表示されない場合は、ページを再読み込みしてみてください。ページが再読み込みされると、いくつかのネットワークリクエストがNetworkタブに表示されます。名前にgraphqlを含むリクエストを探します。
- GraphQLリクエストの1つを選択して詳細を開き、Payloadタブに移動します。そこにGraphQLクエリが表示されます。クエリ行を選択し、Copy valueを選択してクエリをキャプチャします。
- 新しいクエリをキャプチャしたい場合は、Network analyticsダッシュボードのフィルターを調整すると、新しいクエリがGraphQLリクエストに表示されます。
このクエリをAPIコールの基礎として使用できます。詳細については、Get startedセクションを参照してください。