Apollo - nodejs + mongo 서버 만들기

목차

• Introduction
• Apollo with express
• Connect mongo db
• Conclusion

📌 Introduction

안녕하세요. 오늘은 Apollo를 어떻게 연동하는지에 대해서 한번 알아볼게요. 해당 예제 코드는 여기서 확인 할 수 있습니다.

📌 Apollo with express

Apollo에서 가장 중요한건 typeDefs와 resolvers입니다.

import express from "express";
import { ApolloServer, gql } from "apollo-server-express";

const app = express();

// typeDefs로 스키마를 설정해줄수 있어요.
const typeDefs = gql`
  type Query {
    hello: String!
  }
`;

// resolvers로는 실제로 어떻게 query를 줄지 알려주게 됩니다.
const resolvers = {
  Query: {
    hello: () => "hello",
  },
};

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

server.applyMiddleware({ app });

app.use((req, res) => {
  res.status(200);
  res.send("Hello!");
  res.end();
});

app.listen({ port: 4000 }, () =>
  console.log(`🚀 Server ready at http://localhost:4000${server.graphqlPath}`)
);

📌 Connect Mongo DB

간단하게 일단 Cat이라는 모델을 한번 만들어 볼게요.

import mongoose from "mongoose";

export const Cat = mongoose.model("Cat", { name: String });

그리고 이제 typeDefs를 설정해줍니다. query와 mutation을 만들어 볼게요.

import { gql } from "apollo-server-express";

export const typeDefs = gql`
  type Query {
    hello: String!
    cats: [Cat!]!
  }

  type Cat {
    id: ID!
    name: String!
  }

  type Mutation {
    createCat(name: String!): Cat!
  }
`;

이제 만든 typeDefs를 실제로 어떻게 할지 보여주는 resolver를 작성합니다.

import { Cat } from "./models/Cat";

export const resolvers = {
  Query: {
    hello: () => "hello",
    cats: () => Cat.find(),
  },
  Mutation: {
    createCat: async (_, { name }) => {
      const kitty = new Cat({ name });
      await kitty.save();
      return kitty;
    },
  },
};

graphql playground에서는 이렇게 작성해줄수 있습니다.

cats:

query {
   cats: {
     name
   }
}

createCat

mutation {
   cretaeCat(name: "bob") {
      id
      name
   }
}

📌 Conclusion

이렇게 한번 간단하게 apollo로 server를 만들어 보았습니다. 그럼 다음 시간에는 vue3에서 어떻게 apollo를 연동하는지에 대해서 알아보겠습니다.