← Аналитика / analytics / graphql-api / tutorials

Перехват запросов GraphQL с помощью Chrome DevTools

Использование Chrome DevTools ↗, можно перехватывать запросы, которые выполняются за аналитикой Cloudflare Dashboard. В этом примере мы сосредоточимся на наборе данных Network Analytics, но тот же процесс применим к любой другой аналитике, доступной в вашем дашборде.

1. На панели управления Cloudflare перейдите к разделу Network Analytics странице или на любой другой панели аналитики, где вы хотите видеть запросы GraphQL.

   Перейдите в Network analytics ↗

2. Откройте Инструменты разработчика Chrome ↗ и выберите Проверить.

3. Выберите Сеть вкладку в панели Developer Tools.
4. В строке фильтра введите graphql чтобы отфильтровать запросы GraphQL. Если запросы не отображаются, попробуйте перезагрузить страницу. При перезагрузке страницы в списке появится несколько сетевых запросов, которые заполнят Сеть вкладку. Найдите запросы, которые содержат graphql в имени.

5. Выберите один из запросов GraphQL, чтобы открыть его подробности и перейти в Полезная нагрузка вкладку. Там вы найдёте запрос GraphQL. Выберите строку запроса и затем Copy value для захвата запроса.

6. Если вы хотите зафиксировать новый запрос, настройте фильтры в Network analytics дашборда, и в запросах GraphQL появится новый запрос.

Теперь этот запрос можно использовать как основу для вызова API. См. Начало работы раздел для получения дополнительной информации.