Colin's Blog
[flutter] 플러터에서의 API 연동 방법

플러터(Flutter) 앱을 개발하다 보면 외부 API와의 연동이 필요한 경우가 많습니다. 이를 위해서는 플러터에서 제공하는 http 패키지를 사용하여 간단하게 API를 연동할 수 있습니다. 이 포스트에서는 플러터에서의 API 연동 방법에 대해 알아보겠습니다.

1. http 패키지 설치

http 패키지는 플러터에서 HTTP 요청을 보내고 받기 위한 패키지입니다. 먼저 pubspec.yaml 파일에 다음과 같이 http 패키지를 추가합니다.

dependencies:
  http: ^0.13.3

패키지를 추가한 후에는 터미널에서 flutter pub get 명령을 실행하여 패키지를 다운로드 받습니다.

2. API 연동 코드 작성

이제 http 패키지를 사용하여 API를 연동하는 코드를 작성해보겠습니다. 아래는 간단한 GET 요청을 보내는 예제 코드입니다.

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

Future<void> fetchData() async {
  var url = Uri.parse('https://example.com/api/data');
  var response = await http.get(url);

  if (response.statusCode == 200) {
    // API 호출 성공
    print('Response: ${response.body}');
  } else {
    // API 호출 실패
    print('Failed to load data: ${response.statusCode}');
  }
}

위 코드에서는 http.get 메서드를 사용하여 지정된 URL로 GET 요청을 보내고, 응답을 처리하는 방법을 보여줍니다.

3. 비동기 처리

API 연동은 네트워크 요청과 응답을 기다려야 하므로 비동기 처리가 필요합니다. 위 예제 코드에서는 async 키워드를 사용하여 비동기 함수로 선언하고, await 키워드를 사용하여 HTTP 요청의 완료를 기다리고 있습니다.

4. 예외 처리

API 연동 시 네트워크 문제가 발생할 수 있으므로, 적절한 예외 처리도 중요합니다. 위 예제 코드에서는 응답 상태코드를 확인하여 성공과 실패에 따라 다른 처리를 하고 있습니다.

이제 위의 단계를 따라 하면 간단하게 플러터 앱에서의 API 연동을 할 수 있습니다.

5. 참고 자료

플러터에서의 API 연동은 간단하면서도 매우 유용한 기능이며, 이를 통해 외부 데이터를 활용한 다양한 기능을 구현할 수 있습니다. 위의 예제를 참고하여 플러터 앱에서 필요한 API를 연동해보세요.

© 2018 Colin. All rights reserved.