#2 익스프레스 서버에 graphql 추가하기

이 게시물은 의 연속입니다. 우리는 여기에 graphql 지원을 추가할 것입니다.

프로젝트의 루트 디렉터리로 이동하여 아래 명령을 실행합니다. 들어오는 http 요청을 구문 분석하기 위해 body-parser 미들웨어를 사용할 것입니다.

npm install graphql express-graphql body-parser

이제 server.js로 이동하여 다음을 사용하여 express-graphql에서 graphqlHTTP를 추출하십시오.

const {graphqlHTTP}=require('express-graphql')

또한 body-parser를 가져옵니다.

const bodyParser=require('body-parser');

익스프레스에서는 애플리케이션에 미들웨어를 추가하기 위해 use() 함수를 사용합니다.

app.use(bodyParser.json());
app.use('/graphql',graphqlHTTP({
}));

graphql은 데이터를 가져오기 위한 쿼리 언어이므로 예상되는 데이터 유형을 정의해야 합니다.
스키마와 리졸버를 graphqlHTTP 메서드에 전달해야 하므로 다음을 사용하여 graphql의 buildSchema 속성을 가져오겠습니다.

const {buildSchema}=require('graphql')

graphqlHTTP에서 쿼리 유형을 RootQuery라고 합니다.
resolvers 속성을 rootResolvers라고 합니다. Yoga를 사용하고 있다면 거기에는 훨씬 더 간단한 용어가 있습니다. 어쨌든 잘라낸 최종 코드는 다음과 같아야 합니다.
쿼리 이름을 hello로 사용하고 반환 유형을 String으로 사용하고 있습니다. 느낌표는 null일 수 없음을 나타냅니다.

    app.use('/graphql',graphqlHTTP({
        schema:buildSchema(`
            type RootQuery{
                hello:String!
            }
            type RootMutation{
                somemutation:String!
            }
            schema{
                query: RootQuery
                mutation:RootMutation
            }
        `),
        rootValue:{
            hello:()=>{
                return "Hello back"
            }
        },
        graphiql:true
    }))

http://localhost:5000/graphql을 방문하여 테스트할 수 있습니다.