[flutter] Dio_http_cache와 함께 사용되는 플러터 앱의 샘플 프로젝트 소개

12 Dec 2023

flutter

Dio_http_cache는 네트워크 요청 결과를 캐시하여 앱의 성능을 향상시키는 데 도움이 되는 라이브러리입니다. 이번 블로그에서는 Dio_http_cache를 사용하여 데이터를 캐싱하는 간단한 플러터 앱의 샘플 프로젝트를 소개하겠습니다.

Dio_http_cache 라이브러리란?

Dio_http_cache는 플러터 앱에서 네트워크 요청 결과를 캐시하여 메모리 사용량을 줄이고 네트워크 요청을 최적화할 수 있는 라이브러리입니다. 이를 이용하면 사용자 경험을 향상시키고 데이터 요청 속도를 높일 수 있습니다.

샘플 프로젝트 구성

이번 샘플 프로젝트는 Dio_http_cache를 사용하여 RESTful API로부터 데이터를 가져와 화면에 표시하는 간단한 플러터 앱입니다. 우리의 샘플 프로젝트 구성은 다음과 같습니다.

dio_http_cache 라이브러리의 설치
RESTful API 요청을 위한 Dio 인스턴스 생성
Dio_http_cache를 Dio 인스턴스에 적용
캐싱된 데이터로 화면에 리스트 출력

코드 예제

다음은 Dio_http_cache와 함께 사용되는 플러터 앱의 코드 예제입니다.

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  final dio = Dio();

  @override
  Widget build(BuildContext context) {
    dio.interceptors.add(DioCacheManager(CacheConfig(baseUrl: "https://api.example.com")).interceptor);
    return MaterialApp(
      title: 'Flutter Dio Http Cache Sample',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final String url = "https://api.example.com/data";
  final String cacheKey = "myDataKey";
  Response response;
  DioCacheManager _dioCacheManager;

  @override
  void initState() {
    super.initState();
    _dioCacheManager = DioCacheManager(CacheConfig(baseUrl: "https://api.example.com"));
  }

  Future<void> getData() async {
    response = await dio.get(url, options: buildCacheOptions(Duration(days: 7), primaryKey: cacheKey, subKey: ""));
    setState(() {
      // 데이터 화면에 표시
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Dio Http Cache Sample"),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: getData,
          child: Text("Load Data"),
        ),
      ),
    );
  }
}

위의 코드는 Dio_http_cache와 함께 사용되는 간단한 플러터 앱의 예제입니다.

더 많은 내용을 보고 싶다면, Dio_http_cache GitHub 페이지 를 방문하시기 바랍니다.

이상으로, Dio_http_cache와 함께 사용되는 플러터 앱의 샘플 프로젝트를 소개해보았습니다. 감사합니다!