GraphQL 소개

GraphQL은 API용 쿼리 언어입니다. 필요한 항목만 가져오는 데 도움이 됩니다.
리소스를 과도하게 가져오는 대신 단일에 국한되지 않습니다.
프로그래밍 언어, 나머지에 대한 대안.

GraphQL은 유형별 언어입니다.

스키마 정의를 사용하여 GraphQL 유형을 쉽게 생성할 수 있습니다.
언어.

GraphQL은 기본적으로 스칼라 유형 세트와 함께 제공됩니다.

문자열

인트

플로트

부울

아이디

실제로 어떻게 작동하는지 봅시다

Apollographl 패키지를 사용하여 Graphql 서버를 만들고 있습니다.

mkdir graphql-example
cd graphlql-example

Package.json 파일을 초기화하고 종속성을 설치해야 합니다.

npm init -y
npm i --save graphql apollo-server@rc

좋아하는 코드 편집기에서 graphql-example 폴더 열기



server.js 파일 생성

이제 우리는 apollo-server에서 요청해야 합니다.

const { gql, ApolloServer } = require('apollo-server');

유형 정의를 생성할 시간입니다.

이 예에서는 Person 유형을 보여줍니다.

const personType=gql`

type Person{
    name: String!
    age: Int!

}

type Query{
  getPerson: Person!
}
`

위의 코드에서처럼 우리는 Person Type이 name과 age를 가지고 있어야 한다고 정의했습니다.

쿼리는 getPerson 출력을 호출하는 경우와 같이 데이터를 가져오는 것을 의미합니다.
Person 유형을 좋아해야 합니다.

느낌표(!): 필드가 null을 허용하지 않음을 의미합니다.

쿼리 GraphQL Does n't Do Anything을 작성하여 GraphQL에 getPerson 쿼리를 해결하는 방법을 알려야 합니다.

이제 getPerson 쿼리를 해결해야 합니다.

const resolvers = {

    Query: {
        getPerson:()=>{
            return {
                name: 'James',
                age: 12
            }
        }

    }
};

마지막으로 typeDefinitions 및 확인자를 ApolloServer 생성자에 전달해야 합니다.

const server = new ApolloServer({
    typeDefs: personType,
    resolvers
});


server.listen({
    port:5000
}).then(({ url }) => {
    console.log('Server is Up at' + url)
});

서버.js

이제 터미널을 열고 node server.js를 실행합니다

브라우저에서 http://localhost:5000 을 열면 아래 이미지와 같은 Graphiql 플레이그라운드를 볼 수 있습니다.

reactgo.com에서 처음 게시됨

행복한 코딩을 즐기셨기를 바랍니다...