GraphQL从变量添加自省

时间:2019-02-16 07:31:58

标签: graphql graphiql

我想将自省变量添加到我的应用中。

我有这种内省:

{"data":{"__schema":{"queryType":{"name":"PageContentQuery"}....  

(我从休息请求中得到)

我希望这个变量成为模式提供者,有可能吗?

完整变量在这里:https://stackblitz.com/edit/ts-graphql-demo-ypgi18?file=index.tsx

const fetcher = (params: any) => {
  console.log(params);
  return graphql(schema, params.query, params.variables);
}

const defaultQuery = `{
 page{id,contents}
}`;

render(
  <GraphiQL fetcher={fetcher} schema={schema} defaultQuery={defaultQuery}/>,
  document.getElementById('root'),
);

谢谢

1 个答案:

答案 0 :(得分:0)

鉴于自省查询的结果,您可以使用buildClientSchema构建模式:

import { buildClientSchema } from 'graphql'

const schema = buildClientSchema(introspectionResult)

然后您可以将该架构作为prop传递给GraphiQL组件:

<GraphiQL fetcher={fetcher} schema={schema} />

当然,这通常不是必须的-如果未传递模式,则GraphiQL只会使用您提供的提取程序为您进行内省查询。