GraphQL 安装

2025年3月17日 | 阅读 3 分钟

让我们从 GraphQL.js 的安装开始。在开始之前，您必须具备以下条件。

我们需要一台运行 Windows、Linux 或 macOS 操作系统的计算机系统。在这里，我们使用 Windows。
我们需要最新版本的 Web 浏览器。在这里，我们推荐 Google Chrome。
安装最新版本的 Node.js。查看如何安装 node.js：install-nodejs 或访问 node.js 官方网站 https://node.org.cn/en/，下载并安装最新版本的 node.js

有两种方法可以执行 GraphQL 查询

使用命令行工具执行 GraphQL 查询
运行 Express GraphQL 服务器以执行查询

使用命令行工具执行 GraphQL 查询

在这里，我们不使用任何需要转译的语言特性，但我们将使用一些 ES6 特性，如 Promise、类和箭头函数等。

打开 node.js 命令提示符。
运行以下命令以创建一个新项目并安装 GraphQL.js。

npm init
npm install graphql --save

如何编写代码？

GraphQL 应用程序有三个重要组成部分。即模式 (schema)、查询 (query) 和解析器 (resolver)。当我们为 GraphQL 服务器编写查询时，为了处理 GraphQL 查询，我们需要一个模式 (schema)。模式用于定义查询类型。我们还需要一个 API 根目录，其中包含一个名为“解析器 (resolver)”的函数，用于每个 API 终结点。

让我们创建一个 API，简单地返回“Hello World”。在安装 node.js 的当前文件夹中创建一个 server.js 文件，并编写以下代码

var { graphql, buildSchema } = require('graphql');
// A schema is constructed using GraphQL schema language
var schema = buildSchema(`
  type Query {
    hello: String
  }
`);
// The root provides a resolver function for each API endpoint
var root = {
  hello: () => {
    return 'Hello world! This is the first GrapghQL query';
  },
};

// Run the GraphQL query '{ hello }' and print out the response
graphql(schema, '{ hello }', root).then((response) => {
  console.log(response);
});

现在，使用以下命令运行它

在这里，您可以看到 GraphQL 响应打印为

这是一个简单的 GraphQL 查询，您在命令行提示符下执行了它，而无需使用服务器。

运行 Express GraphQL 服务器以执行查询

运行 GraphQL API 服务器的最简单方法是使用 Express。Express 是一个流行的 Node.js Web 应用程序框架。

如果您尚未安装 Express，请首先使用以下命令安装 Express

有关更多信息，请参阅此链接：install-expressjs

您必须使用以下命令安装两个额外的依赖项

如何编写代码？

使用以下代码修改“server.js”文件，以创建一个 API 服务器，而不是运行单个查询的脚本。在这里，我们使用 'express' 模块来运行 Web 服务器，而不是直接使用 graphql 函数执行查询，我们可以使用 express-graphql 库在“/graphql” HTTP 终结点上挂载一个 GraphQL API 服务器

var express = require('express');
var graphqlHTTP = require('express-graphql');
var { buildSchema } = require('graphql');
// Construct a schema, using GraphQL schema language
var schema = buildSchema(`
  type Query {
    hello: String
  }
`);

// The root provides a resolver function for each API endpoint
var root = {
  hello: () => {
    return 'Hello world!';
  },
};
var app = express();
app.use('/graphql', graphqlHTTP({
  schema: schema,
  rootValue: root,
  graphiql: true,
}));
app.listen(4000);
console.log('Running a GraphQL API server at https://:4000/graphql');

现在，使用以下命令运行 GraphQL 服务器

GraphQL API 服务器现在正在运行。在 Web 浏览器中打开 https://:4000/graphql。

在这里，您可以看到如何运行 GraphQL 服务器以及如何使用 GraphiQL 界面发出查询。下一主题 GraphQL 架构

GraphQL 安装

使用命令行工具执行 GraphQL 查询

如何编写代码？

运行 Express GraphQL 服务器以执行查询

如何编写代码？

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

GraphQL 教程

Apollo 框架

面试题

GraphQL 安装

使用命令行工具执行 GraphQL 查询

如何编写代码？

运行 Express GraphQL 服务器以执行查询

如何编写代码？

相关帖子

GraphQL 第一个例子

GraphQL 类型系统

GraphQL 模式

GraphQL 解析器

优点 & 缺点

GraphQL vs REST

GraphQL 教程

GraphQL 架构

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器