[API] graphql-request | GraphQLClient, request

graphql-request

• GraphQL을 사용하여 서버와 통신하는 데 사용되는 간단한 JavaScript 라이브러리
• GraphQL API를 호출하기 위해 사용

 ✅ 필요한 것

• headers - token, Content-Type
• query
• variables
• endpoint ⇒API URI 

GraphQLClient

• GraphQL 서버에 HTTP 요청을 보내고 응답을 받기 위해 사용
• . GraphQLClient를 사용하여 GraphQL API 엔드포인트에 HTTP 요청을 보낼수 있음
• 이 클래스는 여러 가지 메서드를 제공. 가장 일반적인 메서드는 request메서드

request

• request메서드는 GraphQL 쿼리를 실행하고, 서버로부터 결과를 받는 데 사용
• GraphQL API 엔드포인트 URL과 GraphQL 쿼리를 인수로 받음
• 이 메서드는 Promise를 반환하며, 이 Promise가 처리될 때 서버로부터의 응답 데이터를 반환

GraphQLClient를 사용하여 요청을 보내기

import { GraphQLClient } from 'graphql-request'
const client = new GraphQLClient('<https://api.example.com/graphql>') // endpoint 지정
const query = `{
  allUsers {
    id
    name
  }
}`
client.request(query).then(data => console.log(data))

1. GraphQLClient 인스턴스 생성
2. 요청할 GraphQL API 엔드포인트 URL 설정
3. GraphQLClient의 request 메서드를 사용하여 쿼리 실행 및 결과 수신

 

GraphQLClient를 사용하는 방법도 있지만 request만을 사용해서도 가능!

import { request } from 'graphql-request'

request({
  url: endpoint, //요청할 URL(Endpoint)
  document: query, // backend에 정의된 query문
  variables: variables, // query에서 변하는 값 - queryvariables
  requestHeaders: headers, // header
}).then((data) => console.log(data))