GraphiQL

GraphiQL 介绍

使用 node.js 服务器只需使用 express-graphql 命令。它可以 自动 呈现 GraphiQL。 使用另 一个 GraphQL服务GraphiQL很容易建立起来。 使用 npm:

npm install --save graphiql

或者，如果你使用的是 yarn ：

yarn add graphiql

GraphiQL提供 一个 响应组件，负责呈现 UI，应该提供 一个 可以从GraphQL 获取 的 函数 ：

importreactfrom'react';importreactDOMfrom'react-dom';importGraphiQLfrom'graphiql';importfetchfrom'isomorphic-fetch';functiongraphQLFetcher(graphQLP ara ms) {

returnfetch(window.location.origin+'/graphql',{

method:'post',

headers: { 'Content-Type':'application/json' },

body:jsON.stringify(graphQLP ara ms),

}).then(response=>response.json());

}reactDOM.render(<GraphiQL fetcher={graphQLFetcher} />,document.body);

特性

语法高亮 显示

在字段。参数。类型和更多的前面输入智能类型。

实时 错误 突出 显示 和报告。

自动 查询 完成。

运行并检查 查询 结果。

用法

GraphiQL导出 一个 单独的响应组件，该组件用于包含整个浏览器 viewport。 这里响应组件呈现GraphiQL编辑器。importGraphiQLfrom'graphiql';<GraphiQL />GraphiQL 支持 用户 界面和行为的定制，通过接受 react props。 链接 : http://www.fly63.com/nav/2090

GitHub: https://github.com/graphql/graphiql

网站描述: 在浏览器IDE中浏览 GraphQL

GraphiQL官方网站

官方网站：

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于GraphiQL的详细内容...