简介
本文介绍了一个 npm 包 ember-cli-graphql-file，这个包可以让你在使用 Ember.js 开发 web 应用时轻松访问 GraphQL 文件。这个包的使用教程会详细解释它的安装，配置，以及如何使用它访问 GraphQL API。
安装
安装 ember-cli-graphql-file 的命令非常简单，只需在终端中使用 npm 安装即可。
npm install ember-cli-graphql-file --save
安装完毕后，在你的 Ember.js 应用中引入这个包：
// app/adapters/application.js
import GraphQLAdapter from 'ember-cli-graphql-file/adapters/graphql';
export default GraphQLAdapter.extend({});配置
接下来，需要通过配置来使 ember-cli-graphql-file 知道我们的 GraphQL API 是哪个。我们可以在 config/environment.js 文件中添加一个配置项：
-- -------------------- ---- -------
-- ---------------------
-------------- - --------------------- -
--- --- - -
------------- ---------
------------
-------- ----
-- ---
------- -
------- --------------------------------
--
-- ---
--
-- ---
------ ----
--注意，apiURL 的值应该指向你的 GraphQL API 的 URL，这里只是一个示例。
使用
接下来我们可以在我们的 Ember 组件中使用 apollo 来访问 Graphql API，这个 apollo 是通过 ember-cli-graphql-file 自动注入到应用程序中的。
-- -------------------- ---- -------
-- ------------------------------
------ --------- ---- ---------------------
------ - ------------ - ---- -------------------------
------ - ---- - ---- --------------------
------ ------- ----- ----------- ------- --------- -
-- ---
------------- -------
----------------- -
----- ------ - ----- -------------------
------ -
----- ----- ---- -
-------- ---- -
----
-----
-
-
--
---------- -
--- ------
--
---
-- -- ------- --- ---
--
-------------
-我们可以看到，我们使用的是 apollo.query，这个函数会自动将 GraphQL 查询转换为 HTTP 请求并发送到 API，然后将 API 的响应转换为 JSON 对象并返回。
结论
在本文中，我详细介绍了 npm 包 ember-cli-graphql-file 的使用方法，包括安装，配置以及使用。这个包为我们在 Ember.js 应用中使用 GraphQL API 提供了极大的便利。如果你是一名前端开发人员，并且正在使用 Ember.js，那么我建议你一定尝试一下使用 ember-cli-graphql-file，相信你会有惊喜的发现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600552f581e8991b448d05a8