前言
在开发现代web应用的过程中，GraphQL成为了越来越流行的API查询语言。然而，手动创建GraphQL查询往往需要编写大量的文本，并且容易出错。现在有许多npm包能够帮助我们生成GraphQL查询，其中mab-graphql-query-assembler是一个很好用的工具。本文将介绍如何使用mab-graphql-query-assembler，来创建和组装GraphQL查询。
安装
你可以使用npm或yarn安装mab-graphql-query-assembler：
npm install mab-graphql-query-assembler
或
yarn add mab-graphql-query-assembler
基本用法
要使用mab-graphql-query-assembler，需要先导入它：
import assembleQuery from 'mab-graphql-query-assembler';
然后，可以使用assembleQuery函数创建GraphQL查询。以下是最简单的使用方式：
const query = assembleQuery('query', 'helloWorld', []);
console.log(query); // 输出 "query helloWorld {}"此查询将输出包含一个名为helloWorld的空目标的query。
包含字段
要包含查询中的字段，可以将它们添加到第三个参数中。例如：
const query = assembleQuery('query', 'getUser', [
'id',
'name',
'email',
]);
console.log(query);
// 输出 "query getUser { id name email }"这将在getUser查询中包含id、name和email字段。
包含对象字段
许多GraphQL schema包含嵌套的对象，需要查询时也要包含它们。例如，如果有一个名为address的对象类型，那么我们可以像这样在我们的查询中添加它：
-- -------------------- ---- -------
----- ----- - ---------------------- ---------- -
-----
-------
-
-------- ---------- ------- -------- -------
--
---
-------------------
-- -- ------ ------- --- ---- ------- ------- ---- ----- ------这将查询getUser的street、city、state和zip属性，都是从它的地址对象中获取的。 请注意，我们传递了一个包含属性名和字段作为数组的对象。
别名
-- -------------------- ---- -------
----- ----- - ---------------------- ----------------- -
-
------ -
-
--- - --- -------- --
--------- - --- ------ --
--
--
--
---
-------------------
-- -- ------ -------------- - ----- - ------- -- ----- -------- - --指令
-- -------------------- ---- -------
----- ----- - ---------------------- ----------- -
-
------ -
-
--- - --- -------- --
--------- - --- ------ --
--------------- -
--- ------------------
----- - ----- --------- --
--
--
--
--
---
-- --------
------------------- -- -- ------ -------- - ----- - ------- -- ----- -------- ---------------- -------------------- ---------- - --
Fragments
-- -------------------- ---- -------
----- ---------- - -
-----
-------
--------
-
-------- ---------- ------- -------- -------
--
--
----- ----- - ---------------------- ---------- -
-----
-------
-
------- -
--------------
-
--------- -
-
----- ---
---- ---
------ ---
--
--
--
--
--
---
-- -- --------
----- ------------ - ------------------------- ------------- --------------------------
----- --------------- - ------------------------- ---------------- -
-------
------
-
------ ---------- ------------
--
-----------------
--------------------------
-----------------------------
-------------------输出结果
fragment UserFields on User { id name email address { street city state zip } }
fragment ProductFields on Product { name sku price { amount currency } }
query getUser { id name orders { id name email address { street city state zip } products { name sku price { amount currency } } } }结语
通过使用mab-graphql-query-assembler，我们可以用更少的代码和更易于阅读的方式，创建GraphQL查询。同时，我们不需要自己写复杂的查询语句。在这篇文章中，我们介绍了npm包mab-graphql-query-assembler的基本使用方法，包括如何创建查询、添加字段和子字段、使用别名、指令和Fragment。
学完本教程后，我们应该已经有了一些基本的了解，并且可以应用它们来构建脚手架，处理各种查询场景。希望读者都能够掌握它的基础操作后，根据实际情况进行更详尽使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668ead9381d61a3540c1d