[flutter] 플러터 Dio를 이용한 사회 네트워킹 앱 개발 방법

14 Dec 2023

flutter

사회 네트워킹 앱은 사용자가 친구들과 소통하고, 소셜 미디어와 연결하며, 다른 사용자와 정보를 공유하는 앱입니다. 플러터에서 Dio 라이브러리를 사용하여 사회 네트워킹 앱을 개발하는 방법을 알아보겠습니다.

Dio란 무엇인가요?

Dio는 플러터 앱에서 HTTP 요청을 보내고 처리하는 데 사용되는 강력하고 사용하기 쉬운 라이브러리입니다. Dio를 사용하면 RESTful API를 편리하게 호출하고, 다양한 유형의 인터셉터를 사용하여 요청 및 응답을 수정할 수 있습니다.

Dio 라이브러리 추가하기

먼저, pubspec.yaml 파일을 열고 다음 코드를 추가하여 Dio 라이브러리를 프로젝트에 추가합니다.

dependencies:
  dio: ^4.0.0

그런 다음 터미널에서 flutter pub get 명령을 실행하여 Dio 라이브러리를 다운로드하고 설치합니다.

Dio를 사용하여 HTTP 요청 보내기

이제 Dio를 사용하여 HTTP GET 또는 POST 요청을 보내는 방법을 살펴보겠습니다.

GET 요청 보내기

import 'package:dio/dio.dart';

void fetchUserData() async {
  try {
    Response response = await Dio().get('https://api.example.com/users');
    // HTTP 요청 성공 시 데이터 처리
    print(response.data);
  } catch (e) {
    // 오류 처리
    print(e);
  }
}

POST 요청 보내기

import 'package:dio/dio.dart';

void createPost() async {
  try {
    Response response = await Dio().post('https://api.example.com/posts', data: {'title': 'New Post', 'body': 'Hello, world!'});
    // HTTP 요청 성공 시 데이터 처리
    print(response.data);
  } catch (e) {
    // 오류 처리
    print(e);
  }
}

위의 예제에서는 Dio의 get 및 post 메서드를 사용하여 HTTP GET 및 POST 요청을 보내는 방법을 보여줍니다.

Dio의 인터셉터 활용

Dio의 인터셉터를 활용하면 요청이 전송되거나 응답이 수신되기 전에 특정 작업을 수행할 수 있습니다. 예를 들어, 요청에 헤더를 추가하거나 응답을 가로채서 처리할 수 있습니다.

import 'package:dio/dio.dart';

void main() {
  Dio dio = Dio();
  dio.interceptors.add(InterceptorsWrapper(
    onRequest: (options, handler) {
      // 요청 전 헤더 추가
      options.headers["Authorization"] = "Bearer token";
      return handler.next(options);
    },
    onResponse: (response, handler) {
      // 응답 처리
      return handler.next(response);
    },
    onError: (DioError e, handler) {
      // 오류 처리
      return handler.next(e);
    },
  ));
}

결론

Dio 라이브러리를 사용하면 간편하게 HTTP 요청을 보내고 처리할 수 있으며, 인터셉터를 활용하여 요청과 응답을 세밀하게 조작할 수 있습니다. 이를 통해 플러터로 사회 네트워킹 앱을 개발할 때 효율적으로 서버와 통신할 수 있습니다.

위에서 설명한 내용을 참고하여 Dio를 사용하여 플러터에서 사회 네트워킹 앱을 개발해 보세요!