如何使用 Express.js 实现 GraphQL 计算字段-JavaScript中文网-JavaScript教程资源分享门户

GraphQL 是一种用于 API 的查询语言和运行时环境，它能够帮助我们实现多个数据源的整合、可组合的 API 查询和完善的 API 消费体验。Express.js 是一个快速、灵活、开放源代码的 Node.js web 应用框架，被广泛用于构建 Web 应用、API 以及微服务。本文将介绍如何使用 Express.js 实现 GraphQL 计算字段，从而为开发者提供更好的 Web 应用开发体验。

什么是计算字段？

计算字段是指在 GraphQL 查询中获取的不是存储在数据库中的数据，而是在服务器端计算得到的值。我们可以通过计算字段来获取各种复杂的综合数据，例如对一组数据进行统计、计算某些数据的平均值或者最大值等等。

GraphQL 计算字段的使用

我们可以使用 GraphQL 语言来定义计算字段，然后使用编程语言来实现它。下面是一个使用 GraphQL 计算字段的例子：

// javascriptcn.com 代码示例
query GetProduct($id: ID!) {
  product(id: $id) {
    id
    name
    price
    discountPrice
    discountPercentage
  }
}

在这个例子中，我们获取了产品的 id、name、price、discountPrice 和 discountPercentage。其中，discountPrice 和 discountPercentage 就是计算字段。

在服务器端，我们需要实现一个函数，该函数根据价格和折扣金额计算产品的优惠价格以及优惠比例。具体的实现代码如下：

function calculateDiscount(price, discountAmount) {
  const discountPrice = price - discountAmount;
  const discountPercentage = Math.round((discountAmount / price) * 100);
  return {
    discountPrice,
    discountPercentage,
  };
}

接着，我们在 GraphQL 解析器中调用这个函数，实现计算字段的获取。示例如下：

const resolvers = {
  Product: {
    discountPrice: (product) => calculateDiscount(product.price, product.discountAmount).discountPrice,
    discountPercentage: (product) => calculateDiscount(product.price, product.discountAmount).discountPercentage,
  },
};

在这个例子中，我们为 Product 类型添加了两个计算字段：discountPrice 和 discountPercentage。使用查询语句获取产品信息时，服务器会根据定义的计算字段自动计算得出结果并返回。

实现方法

为了实现 GraphQL 计算字段，我们需要使用 Express.js 和 GraphQL 的结合来完成。首先，我们需要使用 graphql 和 graphql-tools 库来创建 GraphQL 的 schema 和 resolvers。具体代码如下：

// javascriptcn.com 代码示例
const { ApolloServer, gql } = require('apollo-server-express');
const { makeExecutableSchema } = require('graphql-tools');

const typeDefs = gql`
  type Query {
    product(id: ID!): Product
  }

  type Product {
    id: ID!
    name: String!
    price: Float!
    discountAmount: Float!
    discountPrice: Float!
    discountPercentage: Int!
  }
`;

const resolvers = {
  Query: {
    product: (_, { id }) => products.find((product) => product.id === id),
  },

  Product: {
    discountPrice: (product) => calculateDiscount(product.price, product.discountAmount).discountPrice,
    discountPercentage: (product) => calculateDiscount(product.price, product.discountAmount).discountPercentage,
  },
};

const schema = makeExecutableSchema({
  typeDefs,
  resolvers,
});

在这个例子中，我们定义了一个 Product 类型，并为它添加了计算字段 discountPrice 和 discountPercentage。Query 类型中包含了 product 查询，用于查询某个产品的信息。

在定义 schema 和 resolvers 后，我们需要使用 Apollo Server 来创建一个 GraphQL 服务器。具体代码如下：

// javascriptcn.com 代码示例
const app = express();

const server = new ApolloServer({
  schema,
});

server.applyMiddleware({ app });

app.listen({ port: 5000 }, () =>
  console.log(`🚀 Server ready at http://localhost:5000${server.graphqlPath}`),
);

在创建服务器之后，我们可以使用 curl 命令来测试查询。

例如，我们可以使用以下命令查询产品的优惠价格和折扣比例：

curl \
  -X POST \
  -H "Content-Type: application/json" \
  --data '{ "query": "{ product(id: 1) { name, price, discountPrice, discountPercentage } }" }' \
  http://localhost:5000/graphql

总结

本文介绍了如何使用 Express.js 实现 GraphQL 计算字段。计算字段可以用于获取复杂的综合数据，如多个数据源的整合、统计计算等等。通过本文我们可以学习到 GraphQL 计算字段的使用方法以及实现步骤。希望这篇文章对你有帮助！

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