[flutter] dio_retry 패키지를 이용한 결제 기능 구현 방법은?

18 Dec 2023

flutter

이번 포스트에서는 Flutter 앱에서 HTTP 요청 중에 발생할 수 있는 오류를 처리하고, 다시 시도하는 방법에 대해 살펴보겠습니다. dio_retry 패키지를 사용하여 결제와 같은 중요한 기능에 대한 안정성을 높일 수 있습니다.

1. dio_retry 패키지 추가

먼저, pubspec.yaml 파일의 dependencies 섹션에 dio_retry 패키지를 추가합니다.

dependencies:
  dio: ^4.0.0
  dio_retry: ^4.0.0

이후 터미널에서 flutter pub get 명령어를 실행하여 패키지를 설치합니다.

2. DioRetryInterceptor 설정

다음으로, DioRetryInterceptor를 사용하여 HTTP 요청에 대한 재시도를 구성합니다. 아래의 예시 코드를 참고하여 Dio 클라이언트에 DioRetryInterceptor를 추가합니다.

import 'package:dio/dio.dart';
import 'package:dio_retry/dio_retry.dart';

void main() {
  final dio = Dio();
  dio.interceptors.add(
    DioRetryInterceptor(
      dio: dio,
      retries: 3,
      retryInterval: Duration(seconds: 1),
    ),
  );
  // 나머지 앱 초기화 코드
}

위 코드에서 retries는 재시도 횟수를, retryInterval은 재시도 간격을 설정합니다.

3. 결제 API 호출 및 오류 처리

이제 Dio 클라이언트를 사용하여 결제 API를 호출하고, 오류를 처리하도록 코드를 작성합니다.

try {
  final response = await dio.post('https://example.com/payment', data: {
    'amount': 100.0,
    'currency': 'USD',
  });
  // 성공적으로 결제가 완료된 경우의 처리 로직
} on DioError catch (e) {
  if (e.type == DioErrorType.response) {
    // 서버로부터 응답을 받았지만, 응답 코드가 성공이 아닌 경우의 처리 로직
  } else if (e.type == DioErrorType.sendTimeout || e.type == DioErrorType.receiveTimeout) {
    // 타임아웃 발생 시의 처리 로직
  } else if (e.type == DioErrorType.cancel) {
    // 요청이 취소된 경우의 처리 로직
  } else {
    // 기타 오류 발생 시의 처리 로직
  }
}

위의 코드에서 DioError를 catch하여 다양한 종류의 오류에 대해 적절히 처리할 수 있습니다.

이상으로 dio_retry 패키지를 통한 결제 기능 구현 방법에 대해 알아보았습니다. 안정적인 HTTP 요청 및 재시도를 통해 사용자 경험을 향상시킬 수 있습니다.