Prisma 和 ApolloClient:防止前端覆盖关系的后端包含条件

Posted

技术标签:

【中文标题】Prisma 和 ApolloClient:防止前端覆盖关系的后端包含条件【英文标题】:Prisma and ApolloClient: Prevent overwriting the include conditions at the backend by the frontend for relations 【发布时间】:2021-01-07 20:19:10 【问题描述】:

我有一个问题,谢谢任何帮助。

使用 prisma,我们可以将 include 与 where 条件一起用于具有关系的模型。如果我制定包含条件,我会得到正确的结果。如果我将它返回到前端,它会被覆盖。我想从后端返回准确的结果。

我在前端有一个查询(ApolloClient,gql)之类的。它将为每个帖子返回一个 cmets 数组,我只想为每个帖子提供第一个评论。

const POSTS = gql`
    query posts 
        posts(postId: $postId) 
            id
            comments // at the backend I have conditions for the comments
              id
            
        
    
`;

后端:Primsa 和 graphql nexus

Prisma 架构

model Post 
  id            String         @id @default(cuid())
  comments      Comment[]


model Comment 
  id            String         @id @default(cuid())
  post          Post           @relation(fields: [postId], references: [id])
  postId        String


Nexus 模型

const Post = objectType(
  name: 'Post',
  definition(t) 
    t.model.id()
    t.model.comments()
)

const Comment = objectType(
  name: 'Comment',
  definition(t) 
    t.model.id()
    t.model.post()
    t.model.postId()
)

解析器

export const posts = queryField('posts', 
  type: 'Post',
  list: true,
  args: 
    ...
  ,
  resolve: async (_parent, args: any,  prisma, request , info) => 
    
     const posts = await prisma.post.findMany(
      include: 
        comments: 
          take: 1
        
      
    )

    console.log(posts) 
    //Perfect result I want to return the include condition. But at the frontend I have all 
    //comments
    return posts
  ,
)

console.log(posts) 正是我想要返回的内容!。每个帖子都有一个评论数组。 我返回帖子,在前端每个帖子都有一个 ALL 评论数组,这是我不想要的。如何防止前端查询覆盖后端返回?字段相同。

【问题讨论】:

如果你也能分享PostComment 的 Nexus 模型,那就太好了。 【参考方案1】:

我无法添加评论,所以我将其添加到另一个答案中。

就像我对我的PrismaSelect 插件所说的那样,你不能使用nexus-plugin-prisma t.modelt.crud。您将需要使用 Pal.Js CLI 为所有模型自动生成所有 CRUD 和 ObjectType。

const Post = objectType(
  name: 'Post',
  definition(t) 
    t.model.id()
    t.model.comments() // this field will overwritten by next one so this not needed
     t.list.field('comments', 
      type: 'Comment',
      list: true,
      resolve: (parent, args,  prisma ) => 
// here parent type include all other fields but not this field 
        return prisma.comment.findMany( // this query is very wrong will case N+1 issue
          where: 
            postId: parent.id,
          ,
          take: 1,
        )
      ,
    )
)

示例

model User 
  id        Int       @default(autoincrement()) @id
  createdAt DateTime  @default(now())
  email     String    @unique
  name      String?
  password  String
  posts     Post[]
  comments  Comment[]


model Post 
  id        Int       @default(autoincrement()) @id
  published Boolean   @default(false)
  title     String
  author    User?     @relation(fields: [authorId], references: [id])
  authorId  Int?
  comments  Comment[]


model Comment 
  id        Int      @default(autoincrement()) @id
  contain   String
  post      Post     @relation(fields: [postId], references: [id])
  postId    Int
  author    User?    @relation(fields: [authorId], references: [id])
  authorId  Int?

这是我为 Post 模型生成的 Pal.Js CLI 类型

import  objectType  from '@nexus/schema'

export const Post = objectType(
  name: 'Post',
  definition(t) 
    t.int('id',  nullable: false )
    t.boolean('published',  nullable: false )
    t.string('title',  nullable: false )
    t.field('author', 
      nullable: true,
      type: 'User',
      resolve(parent: any) 
        return parent['author']
      ,
    )
    t.int('authorId',  nullable: true )
    t.field('comments', 
      nullable: false,
      list: [true],
      type: 'Comment',
      args: 
        where: 'CommentWhereInput',
        orderBy: 'CommentOrderByInput',
        cursor: 'CommentWhereUniqueInput',
        take: 'Int',
        skip: 'Int',
        distinct: 'CommentDistinctFieldEnum',
      ,
      resolve(parent: any) 
        return parent['comments']
      ,
    )
  ,
)

当你使用我的 Pal.js CLI 时,你的前端请求会是这样的

query 
  findOnePost(where: id: 1) 
   comments(where: , take: 1)
    id
   
  

``

【讨论】:

【参考方案2】:

处理此问题的最佳方法是查询您使用我的PrismaSelect 插件的前端请求。 Prisma Select 采用通用 graphql 参数(父、参数、上下文、信息)中的 info: GraphQLResolveInfo 对象来选择 prisma client 接受的对象。该方法可以提供更好的性能,因为您将只使用一个解析器来检索您的所有请求。通过这样做,它还消除了N + 1 问题。

另外,您可以使用我的 CLI 从您的 schema.prisma 文件https://paljs.com/generator/nexus自动生成所有 CRUD

【讨论】:

感谢您的回答和出色的插件。它帮助我解决了删除问题。我对 n+1 问题提出了一个新问题。希望您能够帮助我。 (***.com/questions/64248004/…)【参考方案3】:

我的意思是我可以在我的 Post-ObjectType 中添加一个字段条件,例如:

const Post = objectType(
  name: 'Post',
  definition(t) 
    t.model.id()
    t.model.comments()
     t.list.field('comments', 
      type: 'Comment',
      list: true,
      resolve: (parent, args,  prisma ) => 
        return prisma.comment.findMany(
          where: 
            postId: parent.id,
          ,
          take: 1,
        )
      ,
    )
)

这是有效的。但是,如果我理解正确的话,我会为每篇文章添加一个额外的请求。但我已经在突变解析器上得到了正确的结果。而且我没有父级的 cmets 字段(t.list.field-resolver)

【讨论】:

以上是关于Prisma 和 ApolloClient:防止前端覆盖关系的后端包含条件的主要内容,如果未能解决你的问题,请参考以下文章

为啥 referentialIntegrity = "prisma" 不能防止迁移中的外键?

为啥在后端环境中使用 Prisma?

自己写个 Prisma

更新 Prisma 中的多对多关系

GraphQL 错误:输入类型中未定义字段

如何防止 Apollo 客户端查询在 IE11 中缓存?