前言
Ember.js 是一个开源的 JavaScript 客户端框架，提供丰富的工具和库来帮助开发人员构建高效、可维护的单页应用程序。GraphQL 是一个由 Facebook 开发的数据查询和操作语言，它使客户端可以精确地指定要从服务器获取的数据。现在有一个 npm 包叫做 ember-graphql-adapter，它允许你使用 GraphQL 作为你的 Ember.js 应用程序的数据适配器。
在本教程中，我们将详细介绍如何使用 ember-graphql-adapter 来构建一个 GraphQL 适配器，并展示一些示例代码。
第一步：安装 ember-graphql-adapter 包
首先，我们需要安装 ember-graphql-adapter 包，可以使用 npm 或 yarn 安装，这里以使用 npm 为例：
npm install ember-graphql-adapter --save
第二步：创建 GraphQL 适配器
接下来，我们需要创建 GraphQL 适配器。在你的 Ember.js 应用程序中，创建一个 adapters/graphql.js 文件，并将以下示例代码添加到文件中：
import Ember from 'ember';
import {CreateGraphQLAdapter} from 'ember-graphql-adapter';
export default CreateGraphQLAdapter(Ember.$, {
url: '/graphql',
method: 'POST'
});这段代码将创建一个名为 graphql.js 的适配器文件，并使用 ember-graphql-adapter 包中的 CreateGraphQLAdapter 方法创建适配器并返回。
第三步：定义 GraphQL 查询
接下来，我们需要定义 GraphQL 查询。在你的 Ember.js 应用程序中，创建一个 graphql/queries.js 文件，并将以下示例代码添加到文件中：
-- -------------------- ---- -------
------ --- ---- --------------
------ ----- ------------- - ----
-
----- -
--
---------
--------
-----
-
-
--此代码将创建一个名为 GET_ALL_USERS 的 GraphQL 查询，并检索所有用户的信息。
第四步：使用适配器执行 GraphQL 查询
最后，我们需要使用适配器执行 GraphQL 查询。在适配器中，我们可以使用 AJAX 请求来请求 GraphQL 服务器。在你的 Ember.js 应用程序中，打开你的路由文件（例如：app/routes/index.js），将以下示例代码添加到文件中：
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- --------------------
------- -
------ ----------------------------------------
-------------- -- --------------------
------------ -- ----------------------
-
---此代码将使用 adapters/graphql.js 文件中的适配器执行名为 GET_ALL_USERS 的查询，并立即返回结果。
总结
这就是使用 npm 包 ember-graphql-adapter 的基本介绍和使用指南。在本教程中，我们详细介绍了如何创建 GraphQL 适配器、定义 GraphQL 查询以及使用适配器执行 GraphQL 查询。这个包可以简化使用 GraphQL 的过程，并提供了更好的查询性能。希望本文能对你有所帮助，能够更好地在 Ember.js 应用程序中使用 GraphQL 查询。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e14a563576b7b1ec9e3