[flutter] Dio_logger를 통해 플러터 앱에서 수신한 응답을 확인하는 방법

04 Dec 2023

flutter

플러터(Flutter)는 구글에서 개발한 모바일 앱 개발 프레임워크로, HTTP 통신 등 다양한 기능을 지원합니다. Dio는 플러터에서 HTTP 요청을 처리하기 위한 라이브러리 중 하나이며, Dio_logger는 Dio의 로깅 기능을 확장한 패키지입니다. Dio_logger를 사용하면 앱에서 발생한 HTTP 요청 및 응답을 확인할 수 있어 디버깅에 유용합니다.

Dio_logger 패키지 추가하기

먼저, pubspec.yaml 파일에 dio_logger 패키지를 추가해야 합니다. 아래와 같이 dependencies 섹션에 dio_logger를 추가합니다.

dependencies:
  dio: ^3.0.0
  dio_logger: ^0.4.0

설정을 적용하기 위해 터미널에서 다음 명령을 실행합니다.

flutter pub get

Dio_logger 설정하기

dio_logger 패키지를 사용하려면 Dio 인스턴스를 생성하고 interceptors에 LogInterceptor를 추가해야 합니다. 이를 위해 main.dart 파일을 열어 아래와 같이 코드를 수정합니다.

import 'package:flutter/material.dart';
import 'package:dio/dio.dart';
import 'package:dio_logger/dio_logger.dart';

void main() {
  Dio dio = Dio();
  dio.interceptors.add(LogInterceptor(responseBody: true)); // Dio_logger 추가
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // 앱 코드
}

responseBody 옵션을 true로 설정하면 응답의 내용을 로그로 출력합니다. 만약 요청 정보도 함께 확인하고 싶다면 request 옵션도 추가할 수 있습니다.

응답 확인하기

Dio_logger를 추가한 후, 앱을 실행하고 HTTP 요청을 수행하면 로그 정보가 출력됩니다. 예를 들어, Dio를 사용하여 서버에서 JSON 데이터를 가져오는 GET 요청을 보냈다면 로그에서 해당 응답을 확인할 수 있습니다.

또는, Dio의 다른 메서드를 사용하여 POST, PUT, DELETE 등의 요청을 수행하고 해당 응답을 확인할 수 있습니다.

Dio_logger를 사용하여 응답을 확인함으로써 개발 중인 앱의 HTTP 요청 및 응답에 대한 정보를 실시간으로 파악할 수 있습니다.

참고 자료

Dio: https://pub.dev/packages/dio
Dio_logger: https://pub.dev/packages/dio_logger