使用 GraphQL 和 Prisma 开发实现后端的最佳实践-JavaScript中文网-JavaScript教程资源分享门户

前言

随着前端技术的不断发展，越来越多的开发者开始从传统的后端开发转向全栈开发，这样的开发模式可以更好的协调前后端的工作，提高代码复用率以及开发效率。在全栈开发中，后端的开发尤其重要，因为它负责着所有的数据请求和处理。而传统的后端开发方式往往需要编写大量的 SQL 或 ORM 对象，造成工作量巨大，且容易出现安全漏洞。

在这样的背景下，GraphQL 和 Prisma 的出现，为后端开发带来了巨大的便利。本文将会介绍如何使用 GraphQL 和 Prisma 开发实现后端的最佳实践，并提供详细的代码示例和学习指导。

什么是 GraphQL?

GraphQL 是一种基于类型系统的查询语言，旨在提供更好的数据查询和传输效率。它通过定义数据的类型和查询方式，使得客户端可以按需获取数据。

GraphQL 常用于 Web 应用程序的 API 中，可以用于替代传统的 REST API。GraphQL 的特点包括：

可自定义输出：客户端无需提前定义满足其需求的 API，用 GraphQL 可以根据客户端的请求来“智能”输出所需要的数据。
多请求合并：客户端可以发送一次复杂的 GraphQL 查询来获取所有所需要的数据，而不是发出多个单独的请求。
更少的数据传输：GraphQL 可以只返回客户端所需要的字段，避免传输不必要的数据,减少网络负载。

什么是 Prisma?

Prisma是一种包含ORM（对象关系映射器）功能，用于编排SQL和开发类型安全的API的数据访问层。它使用类型安全的连接和返回类型来提供具有类型安全的API，并提供客户端库，可在应用程序中的任何地方使用。

Prisma 与其他 ORM 相比，区别在于它将数据库模型的结构定义完全分离出来。这样做的目的是使数据库与后端应用程序之间的关系更加清晰，便于维护和修改数据库架构。

GraphQL 和 Prisma 的整合

GraphQL 和 Prisma 都是非常流行的后端技术，它们的结合可以使后端开发变得更加快速和高效。GraphQL 作为数据查询语言，提供了强大的查询与过滤操作，在查询过程中比较容易的结合 Prisma 完成数据库的操作。

接下来我们将结合 GraphQL 和 Prisma ，讲解如何使用最佳实践进行后端开发。

使用 GraphQL 和 Prisma 实现用户模块

本节将基于一个用户模块实例，展示如何使用 GraphQL 和 Prisma 实现后端开发。

首先，我们需要编写 user 数据库模型：

model User {
  id        String  @id @db.VarChar(36)
  email     String
  name      String
  createdAt DateTime @default(now())
  updatedAt DateTime @updatedAt
}

这里用到了 Prisma 的 schema 语法定义数据模型，并且用到了 MySQL 的 varchar 类型。

接下来，在我们的 graphql schema 中定义对应的查询 user 和添加 user 功能：

// javascriptcn.com 代码示例
type User {
  id: ID!
  email: String!
  name: String!
}

type Query {
  users: [User!]!
}

type Mutation {
  addUser(email: String!, name: String!): User!
}

在这里，我们定义了：

User: 用户类型。
users: 查询所有用户。
addUser: 添加新用户。

接下来定义 resolvers：

// javascriptcn.com 代码示例
const resolvers = {
  Query: {
    users: () => {
      return prisma.user.findMany()
    },
  },
  Mutation: {
    addUser: (parent, { email, name }) => {
      return prisma.user.create({
        data: {
          email,
          name,
        },
      })
    },
  },
}

这里的 resolvers 用到了 Prisma 提供的映射方法，通过 findMany() 和 create() 方法可以轻松地进行查询和添加。

最后，我们将GraphQL API服务与 HTTP 协议进行整合：

const server = new ApolloServer({
  typeDefs: fs.readFileSync(__dirname + '/schema.graphql', 'utf8'),
  resolvers,
})

server.listen().then(({ url }) => {
  console.log(`Server is running on ${url}`)
})

这样我们就完成了 GraphQL 和 Prisma 的配合对于基本的增删查改操作的实现。

GraphQL+Prisma 数据过滤

除了基本的增删改查操作之外，GraphQL 也能够轻易实现复杂的数据查询和过滤操作。在这个例子中，我们将以扩展一个搜索用户的功能为例。

在 user 数据模型中，添加一个字段 status。

model User {
  id       String   @id @db.VarChar(36)
  email    String
  name     String
  status   Boolean
  createdAt DateTime @default(now())
  updatedAt DateTime @updatedAt
}

然后在 graphql schema 中，添加一个搜索用户的接口：

type Query {
  users(name: String!, status: Boolean): [User!]!
}

这里，我们定义了参数 name 和 status，然后在 resolver 中实现该接口：

// javascriptcn.com 代码示例
Query: {
  users: async (_, args) => {
    const where = {
      name: { contains: args.name },
      status: args.status,
    }
    return prisma.user.findMany({ where })
  },
}

这里的 where 函数用到了 Prisma 的强大查询能力，通过它我们可以轻松地查询出满足条件的用户。

总结

本文介绍了 GraphQL 和 Prisma 的最佳实践，讲解了如何使用 GraphQL 和 Prisma 实现用户模型的查询和增删改操作，以及如何扩展查询操作实现更多的查询条件，读者根据该内容可以快速上手使用 GraphQL 和 Prisma 开发后端程序，加速开发速度，并且可以减少安全风险的存在。在此基础上可以实现更多高级并且功能强大的后端应用。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/654b45f67d4982a6eb52dfbc