[flutter] dio_retry 패키지를 이용한 오프라인 모드 구현 방법은?

18 Dec 2023

flutter

이번에는 flutter 앱에서 dio_retry 패키지를 사용하여 오프라인 모드를 구현하는 방법에 대해 알아보겠습니다.

dio_retry 패키지란?

dio_retry는 Flutter 앱에서 HTTP 클라이언트로서 널리 사용되는 Dio 패키지를 기반으로 만들어진 패키지입니다. 이 패키지를 사용하면 네트워크 요청 중에 연결 오류나 실패가 발생했을 때 재시도하는 기능을 제공합니다.

오프라인 모드 구현

먼저, flutter 프로젝트의 pubspec.yaml 파일에 dio_retry 패키지를 추가합니다.
```
 dependencies:
   dio: ^4.0.0
   dio_retry: ^4.0.0
```

다음으로, Dio 인스턴스를 생성하고 오프라인 상태인지를 확인하기 위한 함수를 작성합니다. 아래는 오프라인 상태를 확인하는 함수 예시입니다.

 import 'dart:io';

 bool isOffline(){
   try {
     final result = InternetAddress.lookup('example.com');
     if (result.isEmpty && result[0].rawAddress.isEmpty) {
       return true;
     }
     return false;
   } on SocketException catch (_) {
     return true;
   }
 }

이제 dio_retry를 사용하여 HTTP 클라이언트를 설정하고, 오프라인 모드일 때 재시도 로직을 추가합니다.

```dart import ‘package:dio/dio.dart’; import ‘package:dio_retry/dio_retry.dart’;

final Dio _dio = Dio(); final _retryOptions = RetryOptions( retryInterval: const Duration(seconds: 2), retries: 3, );

_dio.interceptors.add(RetryInterceptor(options: _retryOptions));

_dio.interceptors.add(InterceptorsWrapper( onRequest: (options, handler) { if (isOffline()) { // 오프라인 모드일 때의 처리 // 예: 에러 메시지 표시 또는 저장된 데이터 로드 } return handler.next(options); }, ));
마지막으로, 네트워크 요청을 보내는 코드에서 Dio 클라이언트를 사용합니다.
```
 Response response = await _dio.get('https://api.example.com/data');
```

위의 단계를 따르면, dio_retry 패키지를 활용하여 Flutter 앱에서 오프라인 모드를 구현할 수 있습니다.

이상으로 dio_retry 패키지를 통한 오프라인 모드 구현 방법에 대해 알아보았습니다. 해당 패키지를 사용하여 네트워크 요청 중에 발생하는 문제를 재시도하고, 오프라인 모드일 때의 처리도 쉽게 구현할 수 있습니다.