2.2.1 实时交互界面GraphiQL的使用

启动GraphQL服务器端后，在没有任何前端代码，也就是客户端代码之前，可以使用GraphiQL[4]（注意：Graph和QL中间有个小写字母i）来测试访问API。

GraphiQL是一个基于浏览器的GraphQL集成开发测试环境，它的图形化用户界面提供了GraphQL语法高亮、查询自动完成、获取文档以及错误检测报告等功能，是体验和测试GraphQL的理想工具。

前面用git得到的项目中就包含了一个GraphiQL的endpoint。可以在浏览器中输入：

回车后，就可以看到GraphiQL的界面了。GraphiQL的用户界面十分简洁易用，其实这个用户界面设计也是现在各种GraphQL客户端的通用模式，如图2-1所示。

图2-1 GraphiQL用户界面

在图2-1的界面中，可以在左侧输入查询，然后点击上面的播放按钮，就可以看到右侧的结果了。左下角的“QUERY VARIABLES”可以展开，可输入查询变量（可以理解为查询的可变参数），后面的章节会讲解如何使用查询变量。读者也可以单击右上角的“Docs”按钮查看GraphQL为API自动生成的文档。