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(graphQLParams) {
returnfetch(window.location.origin+'/graphql',{
method:'post',
headers: { 'Content-Type':'application/json' },
body:jsON.stringify(graphQLParams),
}).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/2090GitHub:https://github.com/graphql/graphiql
网站描述:在浏览器IDE中浏览 GraphQL
GraphiQL
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
