使用图形检查远程图形endpoint

Question

有一个我不拥有的 graphql endpoint，但它提供了一个公共endpoint。我希望使用 graphiql 来反省它。我对 graphql 完全陌生，所以我什至不知道这种事情是否可能。

我有一个在本地运行的图形示例，并且正在修改server.js以尝试使其工作。在其他SO线程上四处走动已经让我走到了这一步……

var introspectionQuery = require('graphql/utilities').introspectionQuery;
var request            = require('sync-request');

var url = 'http://endpoint.com/graphql';
var response = request('POST', url, { qs: { query: introspectionQuery } } );
var schema = JSON.parse(response.body.toString('utf-8'));

// herein lies the rub
schema = new GraphQLSchema(schema.data.__schema);

var app = express();
app.use(express.static(__dirname));
app.use('/graphql', graphqlHTTP(() => ({
  schema: schema,
})));
app.listen(8080);

这段代码在 GraphQLSchema 构造函数中爆炸，试图从该内省查询中创建一个模式。显然，这不是正确的方法吗？

Answer 1

我正在尝试使用PHP GraphQL库进行此操作。我在尝试上述 CORS（跨源安全内容）时遇到了很多问题。

然后我发现GraphIQL可以作为Chrome应用程序使用。这解决了我的需要，所以在这里注明，以防对遇到这个问题的其他人有用。您不需要编写任何代码就可以让GraphIQL与远程endpoint一起工作。

Answer 2

您想从自省结果中构建架构的是BuildClient

var buildClientSchema  = require('graphql/utilities').buildClientSchema;
var introspectionQuery = require('graphql/utilities').introspectionQuery;
var request            = require('sync-request');

var response = request('POST', url, { qs: { query: introspectionQuery } });
// Assuming we're waiting for the above request to finish (await maybe)
var introspectionResult = JSON.parse(response.body.toString('utf-8'));
var schema = buildClientSchema(introspectionResult);

您可以用另外两种方法构建模式:< code>buildASTSchema和直接实例化< code>GraphQLSchema，这就是您正在尝试的方法。< code>GraphQLSchema构造函数接受< code>GraphQLSchemaConfig类型的对象:

type GraphQLSchemaConfig = {
  query: GraphQLObjectType;
  mutation?: ?GraphQLObjectType;
  subscription?: ?GraphQLObjectType;
  types?: ?Array<GraphQLNamedType>;
  directives?: ?Array<GraphQLDirective>;
};

这两个实用程序模块分别通过使用< code>buildClientSchema或< code>buildASTSchema，为从自检查询结果或解析的IDL类型定义构建模式提供了更简单的方法。更多信息请参考graphql-js/src/utilities目录中的模块。