graphql-apollo

GraphQL

resolvers

• リゾルバーは、GraphQL のクエリに対して、データを返すための関数を定義する
  • graphql/schema.ts に型を定義する
  • graphql/resolvers.ts にリゾルバーを定義する

codegen

• npm run dev でサーバーを起動する
• npm run codegen で codegen を実行する

apollo server

• http://localhost:3000/api/graphql にアクセスすると、GraphQL のインターフェースが表示される
• Operation に以下を入力し、Tasks ボタンを押す

query Tasks {
  tasks {
    id
    title
    done
  }
}

Response 欄に、結果が表示される

{
  "data": {
    "tasks": [
      {
        "id": "1",
        "title": "sample task 1",
        "done": true
      },
      {
        "id": "2",
        "title": "sample task 2",
        "done": true
      },
      {
        "id": "3",
        "title": "sample task 3",
        "done": false
      }
    ]
  }
}