Google App Engine + GraphQL으로 스팀잇 API 서버 만들기

^{Design by @imrahelk}

---

안녕하세요. 안피곤입니다.

바로 이전글 ⌈🚀5분 안에 Google App Engine에 Apollo GraphQL 서버 구성하기!⌋에서 GAE에 GraphQL 서버를 구성했습니다.

이제 이 API 서버를 이용하여 태그별 피드 검색, 저자 명성도 순, 댓글 순, 보상금액 순, 보팅 순 등의 데이터를 조회할 용도로 사용할 것입니다.

사실 API 서버를 Prisma로 구성하고 싶었습니다. 그런데 Prisma는 기능이 아직 많이 부족하다고 생각합니다. 제가 원하는 서비스를 구현하기에 매우 힘들었습니다.😥 결국 MongoDB를 사용하였습니다. 혹시라도 Prisma에 관심있으면 ⌈프리즈마(Prisma) 사용하기⌋ 시리즈 글을 읽어주세요~!

*

MongoDB + GraphQL + Google App Engine 조합으로 API 서버를 구성하였습니다. 그리고 MongoDB는 mlab.com 서비스를 이용하고 있습니다. DB 무료 제공 용량이 500MB라서 아껴서 써야 할 것 같습니다. 10만 건의 데이터를 저장했더니, 벌써 50％를 사용해버렸습니다. ㅠㅠ

그리고 코드를 전부 공개하기는 좀 그렇고, 일부 핵심 코드만 공개합니다. 앞으로 댓글 순, 보팅 순, 보상금액 순, 저자 명성도 순으로 조회하는 기능을 추가할 예정입니다.

index.js

import Storage from './storage'

const typeDefs = `
  type Query ｛
    getPosts(
      tags: [String]
    ): [Post!]!
  ｝
`;

const resolvers = ｛
  Query: ｛
    getPosts: async (_, args, ｛ storage ｝) => ｛
      const ｛ tags ｝ = args;
      return await storage.getPosts(tags);
    ｝
  ｝
｝

const storage = new Storage();

const server = new GraphQLServer(｛
	schema,
	context: (｛ request ｝) => (｛
		request,
		storage
	｝)
｝);
server.express.use(logger('dev'));
server.start(｛ port: PORT ｝, () => ｛
	console.log(`Server running on http://localhost:$｛PORT｝`)
｝);

storage.js

import ｛ MongoClient ｝ from 'mongodb';

const collections = ｛
  POSTS: 'posts',
｝

export default class Storage ｛
  constructor() ｛
    MongoClient.connect(process.env.MONGO_URI, ｛ useNewUrlParser: true ｝)
    .then(client => ｛
      this.db = client.db();
    ｝);
  ｝

  getPosts(tags=["kr"], limit=10) ｛
    return this.db.collection(collections.POSTS)
      .find(｛
        $or: tags.map(tags => (｛ tags ｝))
      ｝, ｛
        limit
      ｝)
      .sort(｛ post_id: -1 ｝)
      .toArray();
  ｝
｝

태그(tag)를 or 조건으로 검색합니다. 만약, ["kr-book", "booksteem"]으로 검색한다면, 두 태그 중 하나라도 포함된 피드를 모두 조회합니다.

아래는 구글 앱 엔진에서 실행한 화면입니다.

이제 #bootsteem과 #kr-boot 태그에 올라온 피드를 조회하여, 최신순으로 받아 볼 수 있습니다. 이제 GraphQL 서버와 크롤링 데몬, 그리고 Front-End 페이지까지 개발완료되면 완성된 앱을 볼 수 있을 것 같습니다.

해피 코딩하세요~!

---