[dart] Dart에서 GraphQL API 호출하기

22 Dec 2023

dart

Dart는 Google에서 개발한 프로그래밍 언어로, 특히 Flutter 앱을 개발하는 데 널리 사용됩니다. GraphQL은 API를 쿼리하고 미세 조정하는 데 사용되는 강력한 쿼리 언어입니다. Dart에서 GraphQL API를 호출하려면 몇 가지 단계를 거쳐야 합니다.

Dependencies 설치

Dart에서 GraphQL API를 호출하기 위해 우선 http 패키지와 graphql 패키지를 설치해야 합니다. pubspec.yaml 파일에 다음과 같은 의존성을 추가합니다.

dependencies:
  http: ^0.14.0
  graphql: ^5.0.0

이후 터미널에서 pub get 명령어를 실행하여 패키지를 설치합니다.

GraphQL API 호출

GraphQL API를 호출하기 위해서는 먼저 API 엔드포인트 URL과 GraphQL 쿼리를 정의해야 합니다.

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

void main() async {
  final String apiUrl = 'https://api.example.com/graphql';

  final httpLink = http.HttpLink(apiUrl);

  final graphqlClient = GraphQLClient(
    cache: GraphQLCache(),
    link: httpLink,
  );

  final query = gql(r'''
    query {
      posts {
        title
        author
      }
    }
  ''');

  final result = await graphqlClient.query(QueryOptions(document: query));

  if (result.hasException) {
    print(result.exception.toString());
  } else {
    print(result.data);
  }
}

위 코드에서는 http 패키지를 사용하여 API 엔드포인트에 HTTP 요청을 보내고, graphql 패키지를 사용하여 GraphQL 쿼리를 실행합니다. 결과는 print 문을 사용하여 콘솔에 출력됩니다.

요약

Dart에서 GraphQL API를 호출하는 방법을 살펴보았습니다. 위의 단계를 따라하면 Dart 언어로 GraphQL API를 쉽게 호출할 수 있습니다.

참고문헌:

https://pub.dev/packages/http
https://pub.dev/packages/graphql

이제 Dart에서 GraphQL API를 호출하는 방법을 알게 되었습니다. 감사합니다!