플러터(Flutter) 앱을 개발할 때 웹 서비스와의 연동은 중요한 부분입니다. 사용자에게 원격 데이터를 제공하거나 서버와의 상호작용을 통해 앱의 기능을 확장하는데 사용됩니다. 이번 포스트에서는 플러터 앱과 웹 서비스를 연동하는 방법에 대해 알아보겠습니다.

1. HTTP 패키지 사용하기

가장 흔히 사용되는 방법은 http 패키지를 이용하는 것입니다. 이 패키지를 이용하면 간단한 HTTP 요청을 보내고 받을 수 있습니다.

다음은 GET 요청을 보내고 응답을 받는 예제 코드입니다.

import 'package:http/http.dart' as http;

Future<void> fetchData() async {
  var response = await http.get(Uri.parse('https://example.com/api/data'));
  if (response.statusCode == 200) {
    // 응답 처리
    print(response.body);
  } else {
    // 오류 처리
    print('Failed to load data');
  }
}

2. Dio 패키지 사용하기

Dio 패키지는 좀 더 강력하고 유연한 HTTP 클라이언트이며, 인터셉터, 글로벌 설정, 파일 업로드 등 다양한 기능을 제공합니다.

다음은 Dio 패키지를 사용하여 GET 요청을 보내는 예제 코드입니다.

import 'package:dio/dio.dart';

Future<void> fetchData() async {
  final dio = Dio();
  try {
    Response response = await dio.get('https://example.com/api/data');
    print(response.data);
  } catch (e) {
    print('Failed to load data');
  }
}

3. REST API 연동하기

웹 서비스와 데이터를 주고받는 가장 흔한 방법은 REST API를 이용하는 것입니다. RESTful한 API를 사용하여 클라이언트 앱과 서버 간의 통신을 처리할 수 있습니다.

플러터에서 REST API를 연동하는 방법에 대한 자세한 내용은 이 문서를 참고하시기 바랍니다.

웹 서비스와의 연동은 플러터 앱을 더 유용하게 만드는 핵심 요소이며, 위의 방법들을 응용하여 원하는 동작을 수행하는 앱을 개발할 수 있습니다.