使用 GraphQL 和 MongoDB 构建高性能 Web 应用-JavaScript中文网-JavaScript教程资源分享门户

在 Web 开发领域， GraphQL 和 MongoDB 是两个非常流行的技术。它们都是针对 Web 应用程序设计的，可以帮助开发者构建高性能、可伸缩、可维护的应用程序。本文将介绍如何使用 GraphQL 和 MongoDB 构建高性能的 Web 应用程序，并提供一些代码示例和最佳实践。

GraphQL 简介

GraphQL 是一种用于 API 构建的查询语言。它提供了一种强大的方式，让前端开发者能够精确地查询服务器中的数据。GraphQL 拥有灵活的数据模型和语法，允许客户端自定义其需要的数据结构，并减少因网络调用不必要数据造成的性能损失。在使用 RESTful API 架构的服务端应用中，经常会发生过度调查，而GraphQL不会出现这个问题。

MongoDB 简介

MongoDB 是一种广泛使用的 NoSQL 数据库管理系统，它是一个面向文档的数据库，具有快速读写的特点。 MongoDB 的数据存储结构与 JOSN 相似，它没有预定义数据模式，允许开发者更加灵活地处理数据。另外，它的数据存储方式非常适合大规模 Web 应用程序，因为其数据分片能够扩展到数十个节点。

GraphQL + MongoDB 构建高性能 Web 应用

以下是一些步骤和最佳实践，以帮助您使用 GraphQL 和 MongoDB 构建高性能 Web 应用程序。

步骤一：定义 GraphQL 数据架构

首先，您需要定义 GraphQL 数据架构。这包括定义数据类型、字段和查询。GraphQL 的数据类型由开发者定义，可与应用程序中的数据模型一一对应。开发者可以自定义标量类型，如字符串、整数、布尔值，以及自定义对象类型。

下面是一个示例 GraphQL 数据架构：

type Book {
    id: ID!
    title: String
    author: String
    description: String
}

type Query {
    books: [Book]!
    book(id: ID!): Book
}

在此示例中，我们定义了一个名为 Book 的对象类型，其中包括 id、title、author 和 description 字段。我们还定义了一个名为 Query 的根对象类型，其中包括 books 和 book 查询。books 查询返回一组图书，而 book 查询将返回单个图书。

步骤二：在 MongoDB 中创建集合

接下来，您需要在 MongoDB 中创建一个集合来存储您的数据。使用 MongoDB Node.js 驱动程序，可以轻松地将数据保存到数据库中。

以下是一个示例：

const MongoClient = require('mongodb').MongoClient;

const uri = 'mongodb://localhost:27017/myapp';

const client = new MongoClient(uri, { useNewUrlParser: true });

client.connect(err => {

    const booksCollection = client.db("myapp").collection("books");
    // ...

您可以使用 booksCollection 对象添加、查询或更新数据。例如，以下是如何向集合中添加一条记录：

booksCollection.insertOne({ title: 'GraphQL 启示录', author: 'Jane Doe', description: '一本关于 GraphQL 的实践指南' });

步骤三：实现 GraphQL 解析器

下一步是实现 GraphQL 数据解析器。数据解析器是处理 GraphQL 查询的函数，其作用是将 GraphQL 查询转换为 MongoDB 查询，并将查询结果转换为与 GraphQL 数据类型相对应的 JSON 格式。

以下是一个示例 GraphQL 解析器：

const resolvers = {

    Query: {

        books: async () => {

            const books = await booksCollection.find({}).toArray();
            return books;
        },

        book: async (_, { id }) => {
            const book = await booksCollection.findOne({ _id: ObjectId(id) });
            return book;
        }
    }
};

在此示例中，我们为 Query 对象类型定义了 books 和 book 查询。books 查询使用 find() 方法在 booksCollection 集合中查找所有图书，而 book 查询使用 findOne() 方法查找特定 id 的单个图书。

步骤四：定义 GraphQL 服务器

最后，您需要创建一个 GraphQL 服务器，并将其连接到 MongoDB 数据库。在 Node.js 应用程序中，可以使用 express 组件、graphql-yoga、Apollo Server 等库轻松地创建 GraphQL 服务器，并将其连接到 MongoDB 数据库。

以下是一个使用 express 和 graphql-yoga 创建的简单示例：

const express = require('express');
const { ApolloServer } = require('apollo-server-express');
const { makeExecutableSchema } = require('@graphql-tools/schema');
const { typeDefs } = require('./schema');
const resolvers = require('./resolvers');
const MongoClient = require('mongodb').MongoClient;

const uri = 'mongodb://localhost:27017/myapp';

const client = new MongoClient(uri, { useNewUrlParser: true });
client.connect(err => {

    const app = express();

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

    const server = new ApolloServer({
        schema,
        context: {booksCollection: client.db("myapp").collection("books")},
    });

    server.applyMiddleware({ app });

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

在此示例中，我们定义了 ApolloServer，并将其连接到 booksCollection 对象上下文中。您可以根据需要将其替换为您的 MongoDB 数据库实例。

这个 GraphQL 服务器实现了 books 和 book 查询，它可以接收并解析 GraphQL 查询、调用数据库并生成 JSON 格式的响应。

总结

GraphQL 和 MongoDB 是两个强大的 Web 开发技术，可以帮助前端开发者和后端开发者构建高性能、可维护的应用程序。在本文中，我们讨论了如何使用 GraphQL 和 MongoDB 构建 Web 应用程序，并提供了一些最佳实践和代码示例。

总之，在开发 Web 应用程序时，您可以使用这些强大的技术，以提高应用程序的性能、可维护性和可伸缩性。

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