GitHub GraphQL API

@octokit/graphql 설치

npm install @octokit/graphql

적용방법

import { graphql } from "@octokit/graphql";

@octokit/graphql 을 import 해옵니다. 그리고 github graphql API 문서를 확인하며 쿼리를 작성합니다.

 

import { graphql } from '@octokit/graphql';
const { REACT_APP_GITHUB_AGORA_STATES_TOKEN, NODE_ENV } = process.env;

async function getRepository() {
  const { repository } = await graphql(
    `
	쿼리 작성
    `,
    {
      headers: {
        authorization: `token 본인 토큰`, //token 대신 beare 사용 가능
      },
    }
  );
  return {repository };
}

export default getRepository;

 

쿼리 작성은 GitHub GraphQL이 제공하는 Explorer를 사용하면 쉽게 작성할 수 있습니다.

Explorer을 선택 후 원하는 정보는 선택해주면 알아서 쿼리문이 작성되고 작성 후  >을 클릭하면 실제 데이터를 조회할 수 있습니다.

 

데이터는 edges 안에 node 안에 들어 있는 구조입니다.

edges는 각각의 데이터를 담고 있는 객체를 말하며, node는 실제 데이터를 담고 있는 필드입니다.

edges {
  node {
    id
    name
    ...
  }
}

 

to do list로 검색했을 때 조회되는 레포지토리의 id와 name(최신 10개)

 

참고) 코드스테이츠 유어클래스 및 과제