ตัวแก้ไข GraphQL ที่ระบุชนิดด้วย GraphQL Code Generator

ปัญหาการกำหนดชนิดข้อมูลให้รีโซลเวอร์

// Without typed resolvers — any type allowed
const userResolver = async (_, { id }) => fetchUser(id);

การเพิ่มปลั๊กอินรีโซลเวอร์

npm install --save-dev @graphql-codegen/typescript-resolvers

codegen.yml สำหรับรีโซลเวอร์

# codegen.yml
generates:
  src/generated/types.ts:
    plugins:
      - typescript
  src/generated/resolvers.ts:
    plugins:
      - typescript-resolvers

การใช้ ResolverMap ที่สร้างขึ้น

import { Resolvers } from "./generated/resolvers";

const resolvers: Resolvers = {
  Query: {
    user: async (_, { id }) => fetchUser(id),
    // Return type enforced: must match User schema
  },
};

การกำหนดชนิดข้อมูลให้บริบท

interface Context { db: Database; user?: AuthUser; }

// codegen.yml
config:
  contextType: "src/context#Context"

// Generated: Resolvers<Context>
const resolvers: Resolvers<Context> = {
  Query: {
    me: (_, __, ctx) => ctx.user, // ctx: Context
  },
};

ชนิดข้อมูลตัวแมป

# codegen.yml
config:
  mappers:
    User: "src/models#UserModel"

การกำหนดชนิดข้อมูลให้รีโซลเวอร์ของฟิลด์

// Typed field resolver on User type
const resolvers: Resolvers<Context> = {
  User: {
    fullName: (parent) => `${parent.firstName} ${parent.lastName}`,
    // parent is UserModel (from mapper)
  },
};

มิวเทชันที่มีชนิดข้อมูล

// Schema: createUser(input: CreateUserInput!): User!
const resolvers: Resolvers = {
  Mutation: {
    createUser: (_, { input }) => {
      // input: CreateUserInput — fully typed
      return createUser(input.name, input.email);
    },
  },
};

การสมัครรับข้อมูลที่มีชนิดข้อมูล

const resolvers: Resolvers = {
  Subscription: {
    messageAdded: {
      subscribe: () => pubsub.asyncIterator("MESSAGE_ADDED"),
      resolve: (payload) => payload.messageAdded, // typed
    },
  },
};

การรักษาความสอดคล้องของการสร้างโค้ด

// package.json
{
  "scripts": {
    "predev": "graphql-codegen",
    "prebuild": "graphql-codegen"
  }
}

ทบทวน: รีโซลเวอร์ที่มีชนิดข้อมูล

ตรวจสอบอย่างรวดเร็ว

สิ่งที่คุณได้เรียนรู้