Как добавить проводник в GraphiQL, используя 'flask -graphql'?

Question

Я обслуживаю GraphiQL, используя flask-graphql, но не вижу способа включить "проводник" GraphiQL без использования Node.JS. Есть ли способ включить проводник для Python (flask-graphql) бэкэнда?

Answer 1

Node.js не требуется, но React равен , так как graphiql и graphiql-explorer являются компонентами React. flask-graphql просто отображает страницу HTML со скриптом, который отображает интерфейс GraphiQL с использованием React, как показано здесь .

Вы должны иметь возможность предоставить свой собственный шаблон для отображения этой страницы, когда создание GraphQLView с помощью опции graphiql_template, как показано здесь .

Скопируйте и вставьте существующий шаблон, затем добавьте тег сценария для библиотеки:

<script src="//cdn.jsdelivr.net/npm/graphiql-explorer@0.4.6/graphiqlExplorer.min.js"></script>

И реализовать компонент, как показано здесь . Поскольку вы не передаете этот код, вы не сможете использовать JSX, поэтому вам нужно будет сделать что-то вроде ...

React.createElement(
  "div",
  { className: "graphiql-container" },
  React.createElement(
    GraphiQLExplorer,
    { /* props here */ },
  ),
  React.createElement(
    GraphiQL,
    { /* props here */ },
  )
)