Edit

Share via


Import a GraphQL API

APPLIES TO: All API Management tiers

In API Management, you can add a GraphQL API in one of two models: pass-through to an existing GraphQL endpoint, or import a GraphQL schema and create a synthetic GraphQL API with custom field resolvers. For more information, see the GraphQL overview.

In this article, you'll:

  • Add a pass-through GraphQL API to your API Management instance.
  • Test your GraphQL API.

If you want to import a GraphQL schema and set up field resolvers that use REST or SOAP API endpoints, see Import a GraphQL schema and set up field resolvers.

Prerequisites

Add a GraphQL API

  1. In the Azure portal, go to your API Management instance.

  2. In the left pane, select APIs > APIs.

  3. Select Add API.

  4. Under Define a new API, select the GraphQL tile.

    Screenshot of selecting the GraphQL tile.

  5. In the resulting dialog box, select Full, and then enter values in the required fields, as described in the following table.

    Screenshot of the Create from GraphQL schema page.

    Value Description
    Display name The name by which your GraphQL API will be displayed.
    Name The raw name of the GraphQL API. Automatically populates as you type the display name.
    GraphQL type Select Pass-through GraphQL to import from an existing GraphQL API endpoint.
    GraphQL API endpoint The base URL with your GraphQL API endpoint name.
    For example: https://example.com/your-GraphQL-name. You can also use a common SWAPI GraphQL endpoint like https://swapi-graphql.azure-api.net/graphql for the purpose of demonstration.
    Upload schema Optionally select to upload your schema file to replace the schema that's retrieved from the GraphQL endpoint (if you have one).
    Description Add a description of your API.
    URL scheme Select a scheme based on your GraphQL endpoint. Select one of the options that includes a WebSocket scheme (WS or WSS) if your GraphQL API includes the subscription type. The default selection is HTTP(S).
    API URL suffix Add a URL suffix to identify the specific API in the API Management instance. It has to be unique in the API Management instance.
    Base URL Uneditable field displaying your API base URL.
    Tags Optionally associate your GraphQL API with new or existing tags.
    Products Associate your GraphQL API with a product to publish it.
    Version this API? Select the checkbox to apply a versioning scheme to your GraphQL API.
  6. Select Create.

  7. After the API is created, review or modify the schema on the Schema tab. Screenshot of the GraphQL schema in the portal.

Test your GraphQL API

  1. Go to your API Management instance.

  2. In the left pane, in the APIs section, select APIs.

  3. Under All APIs, select your GraphQL API.

  4. Select the Test tab to access the test console.

  5. Under Headers:

    1. Select the header from the Name menu.
    2. Enter the value in the Value box.
    3. Add more headers by selecting Add header.
    4. Delete headers by using the recycle bin button.
  6. If you've added a product to your GraphQL API, add a product scope under Apply product scope.

  7. In Query editor, do one of the following:

    1. Select at least one field or subfield from the list in the menu to the left of the editor. The fields and subfields you select appear in the query editor.

    2. Start typing in the query editor to compose a query.

      Screenshot of the query editor.

  8. Under Query variables, add variables to reuse the same query or mutation and pass different values.

  9. Select Send.

  10. View the Response.

    Screenshot of the test query response.

  11. Repeat the preceding steps to test different payloads.

  12. When you're done testing, exit the test console.

Test a subscription

If your GraphQL API supports a subscription, you can test it in the test console.

  1. Ensure that your API allows a WebSocket URL scheme (WS or WSS) that's appropriate for your API. You can enable this setting on the Settings tab.

  2. Set up a subscription query in the query editor, and then select Connect to establish a WebSocket connection to the backend service.

    Screenshot of a subscription query in the query editor.

  3. Review connection details in the Subscription pane.

    Screenshot of WebSocket connection in the portal.

  4. Subscribed events appear in the Subscription pane. The WebSocket connection is maintained until you disconnect it or connect to a new WebSocket subscription.

    Screenshot of GraphQL subscription events in the portal.

Secure your GraphQL API

Secure your GraphQL API by applying both existing authentication and authorization policies and a GraphQL validation policy to protect against GraphQL-specific attacks.