Prisma 2 + vue-apollo (노마드코더 인스타그램클론 수정) – 1. Backend

• Backend: https://github.com/nomadcoders/prismagram

• Frontend: https://github.com/nomadcoders/prismagram-frontend

1. Prisma 2를 이용한 Backend 구현

Prisma 1 서버 아키텍쳐

1. Prisma Server: 데이터 구조를 정의하는 Prisma 고유 포맷인 Datamodel 파일을 분석하고 이를 DB에 반영한다(Migrate: prisma deploy ). DB에 직접 커넥션을 맺고 통신하면서 Datamodel을 기반으로 DB에 쿼리와 트랜젝션을 날려주는 GraphQL API를 노출한다. (기존에 이미 구조를 가진 DB에서 Datamodel을 추출하려면 prisma init 또는 prisma introspect)

2. API Server(서버 애플리케이션): Frontend에 노출될 API (GraphQL, REST API 등)를 제공하고 API 를 통해 Frontend의 요청을 받아DB 에 필요한 처리를 하기위해 Prisma Client 를 통해 Prisma Server와 통신한다. Prisma client는 Datamodel 변경시마다 prisma generate 를 통해 생성한다.

Prisma 2 에서 바뀐점

Prisma 2 DB 설정, 테이블 생성

1. prisma init을 통해 기본적인 DB접속정보만을 설정하고

2. DB에 CREATE TABLE... 을 이용하여 테이블 생성 후

3. prisma introspect 로 DB 스키마를 schema.prisma에 반영

1. prisma init을 통해 기본적인 DB접속정보 설정,

2. schema.prisma에 Prisma Schema 를 이용하여 model 구조 정의 (레퍼런스를 어느정도 숙지 필요)

3. prisma migrate save 로 DB 스키마 업데이트 할 내용을 로컬에 생성하고

4. prisma migrate up으로 DB 에 테이블 생성

1. 기존에는 GraphQL의 타입 정의에 몇가지 directive를 추가하는 방식이었지만, Prisma 2에서는 그와 비슷하지만 고유의 양식으로 바뀌었다. “type” 은 “model”로, 필드명과 타입 사이에 “:”이 없어진것 등.

2. 필드의 타입 정의시, Prisma 1에서는 String과 String? 같이 NOT NULL을 기본으로 하고 있지만, Prisma 2에서는 반대로 String! 과 String처럼 기본이 Nullable이다.

3. 기존에 String타입의 CUID를 자동으로 생성해주던 ID 타입이 없어졌고, Int 나 String 타입으로 선언해야 한다. Integer 타입으로 할 경우에는 id Int @id @default(autoincrement()) 와 같이 선언하거나, String타입의 CUID 를 생성하도록 하고싶다면, id String @id @default(cuid()) 와 같이 선언해야 한다. 여기서 cuid()는 Prisma Client에 의해 삽입시에 생성된다.

4. @createdAt 은 없어졌다. createdAt DateTime @default(now()) 와 같이 현재 시간을 자동으로 넣도록 정의 필요하다.

5. @updatedAt 은 남아있다. updatedAt DateTime @updatedAt과 같이 정의하면 된다.

6. Relation 정의는 조금 더 명확하게 정의하도록 바뀌었다. 공식문서를 보고 잘 정의할 필요가 있음.

Prisma 2의 Prisma Client 를 사용하도록 변경

Prisma client import path 수정

import { PrismaClient } from '@prisma/client'
const prisma = new PrismClient();

Prisma Client 사용방법 변경

Subscription 구현

import { GraphQLServer, PubSub } from "graphql-yoga";
 
...
const pubsub = new PubSub();

const server = new GraphQLServer({
  schema,
  context: ({ request }) => ({ request, isAuthenticated, prisma, pubsub })
}); 
...

import {CHANNEL_NEW_MESSAGE} from "../../../Constants";
import { withFilter } from 'graphql-subscriptions';

export default {
  Subscription: {
    newMessage: {
      subscribe: withFilter(
          (_, args, {pubsub}) => pubsub.asyncIterator(CHANNEL_NEW_MESSAGE),
          (payload, {roomId}) => payload.roomId === roomId
      ),
      resolve: (payload) => payload.newMessage
    }
  }
}

import {CHANNEL_NEW_MESSAGE} from "../../../Constants";

export default {
  Mutation: {
    sendMessage: async (_, args, {request, isAuthenticated, prisma, pubsub}) => {
      ...
      const message = await prisma.message.create({
        data: msgData
      });
      pubsub.publish(CHANNEL_NEW_MESSAGE, {
        newMessage: message,
        roomId: room.id
      });
      return message;
    }
  }
}