[flutter] 플러터에서 GET 메소드를 사용하여 JSON 데이터를 가져오는 방법은 무엇인가요?

30 Nov 2023

flutter

먼저, http 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일에 다음 코드를 추가해주세요.

dependencies:
  http: ^0.13.3

프로젝트를 업데이트하기 위해 flutter pub get 명령을 실행하세요.

다음으로, http 패키지를 가져와서 GET 요청을 보내는 방법을 살펴보겠습니다. 아래와 같은 코드를 작성해주세요.

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

Future<List<dynamic>> fetchJsonData() async {
  final response =
      await http.get(Uri.parse('http://example.com/api/data')); // 여기에 원하는 URL을 입력하세요.

  if (response.statusCode == 200) {
    // 정상적인 응답이 도착한 경우
    return json.decode(response.body);
  } else {
    // 오류가 발생한 경우
    throw Exception('Failed to fetch data');
  }
}

void main() {
  fetchJsonData().then((data) {
    // 가져온 JSON 데이터를 처리하는 코드 작성하기
    print(data);
  }).catchError((error) {
    // 오류 처리 코드 작성하기
    print(error);
  });
}

위의 코드는 GET 요청을 보내고, 응답으로 받은 JSON 데이터를 디코드하여 출력하는 예시입니다. fetchJsonData 함수는 비동기로 동작하며, 성공적으로 데이터를 가져오면 then 블록이 실행됩니다. 만약 오류가 발생하면 catchError 블록이 실행됩니다.

플러터에서 GET 메소드를 사용하여 JSON 데이터를 가져오는 방법은 이렇게 간단합니다. 이 방법을 사용하여 다양한 API를 호출하고, JSON 데이터를 처리할 수 있습니다.

더 많은 정보를 원하신다면, http 패키지의 공식 문서를 참고해주세요.