mirror of
https://github.com/graphql-python/graphene-django.git
synced 2025-11-16 07:45:42 +03:00
ab569ea2d6
* Update the GraphiQL template to use the latest versions of react, react-dom, graphiql, and (new) subscriptions-transport-ws. * Add support for websocket connections and subscriptions to the GraphiQL template. * Add a `SUBSCRIPTION_URL` configuration option to allow GraphiQL to route subscriptions to a different path (allowing for more advanced infrastructure scenarios). * Update the README to include some starting points for implementing subscriptions and configuring `SUBSCRIPTION_URL`.
48 lines
1.7 KiB
HTML
48 lines
1.7 KiB
HTML
<!--
|
|
The request to this GraphQL server provided the header "Accept: text/html"
|
|
and as a result has been presented GraphiQL - an in-browser IDE for
|
|
exploring GraphQL.
|
|
If you wish to receive JSON, provide the header "Accept: application/json" or
|
|
add "&raw" to the end of the URL within a browser.
|
|
-->
|
|
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
html, body, #editor {
|
|
height: 100%;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
<link href="https://cdn.jsdelivr.net/npm/graphiql@{{graphiql_version}}/graphiql.css"
|
|
rel="stylesheet"
|
|
crossorigin="anonymous" />
|
|
<script src="https://cdn.jsdelivr.net/npm/whatwg-fetch@2.0.3/fetch.min.js"
|
|
integrity="sha384-dcF7KoWRaRpjcNbVPUFgatYgAijf8DqW6NWuqLdfB5Sb4Cdbb8iHX7bHsl9YhpKa"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/react@{{react_version}}/umd/react.production.min.js"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/react-dom@{{react_version}}/umd/react-dom.production.min.js"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/graphiql@{{graphiql_version}}/graphiql.min.js"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/subscriptions-transport-ws@{{subscriptions_transport_ws_version}}/browser/client.js"
|
|
crossorigin="anonymous"></script>
|
|
</head>
|
|
<body>
|
|
<div id="editor"></div>
|
|
{% csrf_token %}
|
|
<script type="application/javascript">
|
|
window.GRAPHENE_SETTINGS = {
|
|
{% if subscription_path %}
|
|
subscriptionPath: "{{subscription_path}}",
|
|
{% endif %}
|
|
};
|
|
</script>
|
|
<script src="{% static 'graphene_django/graphiql.js' %}"></script>
|
|
</body>
|
|
</html>
|