HTTP и JSON во Flutter
Make HTTP requests and encode / decode JSON in a Flutter app
AIflutter
official
Разработка
Что делает навык
Навык управляет HTTP-сетевым взаимодействием и обработкой JSON в приложениях Flutter, обеспечивая выполнение безопасных асинхронных REST-запросов (GET, POST, PUT, DELETE) с использованием пакета http. Он также реализует сериализацию JSON, фоновое парсинг через isolates для больших наборов данных и структурированные JSON-схемы для интеграций с ИИ.
Когда применять
- Выполнение асинхронных REST-запросов (GET, POST, PUT, DELETE) к внешним API.
- Парсинг небольших JSON-пейлоадов синхронно на главном потоке.
- Фоновое парсинг больших JSON-данных через compute() для предотвращения задержек UI.
- Ручная сериализация простых моделей данных с использованием dart:convert.
- Определение необходимости использования json_serializable и build_runner для сложных моделей.
Как работает
- Убедитесь, что пакет http добавлен в pubspec.yaml и среда поддерживает Dart 3 (pattern matching и null safety).
- Настройте необходимые разрешения на доступ к интернету для целевых платформ перед выполнением сетевых запросов.
- Оцените размер JSON-пейлоада: для небольших данных используйте синхронное парсинг на главном потоке, для больших (>16 мс) — фоновое парсинг через compute().
- Оцените сложность модели данных: для простых моделей или прототипов применяйте ручную сериализацию (dart:convert).
- Если модель данных сильно вложена или является частью крупного продакшн-приложения, остановитесь и спросите пользователя о настройке json_serializable и build_runner для автоматической генерации кода.
Примеры запросов агенту
Как выполнить GET-запрос к API и распарсить небольшой JSON-ответ в Flutter?
Как обработать большой JSON-пейлоад, чтобы не блокировать UI, используя background parsing?
Нужно ли настраивать json_serializable для сложной вложенной модели данных в продакшн-приложении?
Что понадобится
- Пакет http в pubspec.yaml
- Среда с поддержкой Dart 3 (pattern matching и null safety)
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «flutter-http-and-json» из репозитория:
# https://github.com/flutter/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r flutter-http-and-json/ ~/.claude/skills/flutter-http-and-json/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.