手把手教你 GraphQL API 快速启动与使用-JavaScript中文网-JavaScript教程资源分享门户

GraphQL 是一种由 Facebook 开发的查询语言和运行时环境，用于 API 的开发。与传统的 REST API 相比，GraphQL 可以更好地满足前端开发中的数据需求，具有更灵活、更高效、更易于维护等优点。本文将介绍如何快速启动和使用 GraphQL API。

安装和配置 GraphQL

在开始使用 GraphQL 之前，需要先安装和配置 GraphQL。以下是安装和配置 GraphQL 的步骤：

安装 GraphQL：可以使用 npm 或 yarn 安装 GraphQL：
```
npm install graphql
# 或者
yarn add graphql
```
创建 GraphQL Schema：GraphQL Schema 是定义数据结构和查询的核心部分，可以使用 GraphQL Schema Language 来定义 Schema：
```
const { buildSchema } = require('graphql');

const schema = buildSchema(`
  type Query {
    hello: String
  }
`);
```
创建 Resolver：Resolver 是执行查询的函数，可以使用 JavaScript 编写 Resolver：
```
const root = {
  hello: () => {
    return 'Hello, world!';
  },
};
```

创建 GraphQL Server：使用 GraphQL Server 来启动 GraphQL API：

// javascriptcn.com 代码示例
const express = require('express');
const { graphqlHTTP } = require('express-graphql');

const app = express();

app.use(
  '/graphql',
  graphqlHTTP({
    schema: schema,
    rootValue: root,
    graphiql: true,
  })
);

app.listen(4000, () => {
  console.log('Running a GraphQL API server at http://localhost:4000/graphql');
});

使用 GraphQL API

在安装和配置完成 GraphQL 后，就可以使用 GraphQL API 了。以下是使用 GraphQL API 的步骤：

在浏览器中打开 GraphiQL：GraphiQL 是 GraphQL 的交互式 IDE，可以在浏览器中打开 GraphiQL：
```
http://localhost:4000/graphql
```
编写查询语句：在 GraphiQL 中编写查询语句，例如：
```
query {
  hello
}
```
执行查询语句：点击 GraphiQL 右侧的“运行”按钮，执行查询语句：
```
{
  "data": {
    "hello": "Hello, world!"
  }
}
```

总结

本文介绍了如何快速启动和使用 GraphQL API。通过学习本文，你可以了解 GraphQL 的基本概念，掌握 GraphQL 的安装和配置方法，以及使用 GraphQL API 的步骤。希望本文对你有所帮助！

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