Работа с API

Все мы рано или поздно сталкиваемся с необходимостью анализировать работу с HTTP/HTTPS-запросами. Для этого существует много инструментов — 🏄‍♀️ Flutter-разработчик Саша сегодня расскажет про те, что использует он.

Эволюционно мой путь в освоении данной задачи выглядел примерно так:
🔵 просмотр логов работы HTTP-клиента;
🔵 анализ через инструмент Network в DevTools;
🔵 работа с приложением Proxyman.

Начнем с очевидного — логирование.

Это, наверное, первое, с чем начинают работу новички. В случае с Dio всё, что тебе нужно сделать — добавить интерцептор в конфигурацию твоего клиента. У нас это обычно выглядит примерно так:

if (Environment.instance().isDebug) {
 dio.interceptors.add(LogInterceptor(
   requestBody: true,
   responseBody: true,
 ));
}

Но, как правило, когда ты приходишь на проект, всё уже настроено.

Минусов много:
🔵 Можно только просмотреть результат работы.
🔵 Всё валится в консоль сплошным потоком — часто трудно что-то найти, если запросов много.
🔵 Лог обрезается, поэтому ты можешь увидеть только часть запроса/ответа.
🔵 Трудно читать — JSON отображается как есть.

Тем не менее, если надо что-то быстро глянуть, я смотрю в логи. Читай в карточках про другие инструменты.

Ссылки из карточек:
➡️ Документация по вкладке Network в DevTools
➡️ Ссылка на Proxyman
➡️ Документация по настройке прокси в Dio
➡️ Ссылка на surf-flutter-app-template

Пиши в комментариях, что используешь ты и почему?

#surf_flutter

Ключи во Flutter

Во Flutter много виджетов и в каждом есть любопытное свойство — key, ключ.

Используют его не так часто. И из-за того, что у key есть несколько разновидностей, разработчики часто интересуются, когда, где и как использовать эти ключи.

В карточках ты найдёшь ответы на эти вопросы, которыми любезно поделилась 🏄‍♀️ Сёрфер Женя.

#surf_flutter