Importieren einer GraphQL-API

GILT FÜR: Alle API Management-Ebenen

In API Management können Sie eine GraphQL-API in einem von zwei Modellen hinzufügen: Passthrough an einen vorhandenen GraphQL-Endpunkt oder Import eines GraphQL-Schema und Erstellung einer synthetischen GraphQL-API mit benutzerdefinierten Feld-Resolvern. Weitere Informationen finden Sie in der GraphQL-Übersicht.

In diesem Artikel führen Sie Folgendes durch:

  • Hinzufügen einer Passthrough-GraphQL-API zu Ihrer API Management-Instanz.
  • Testen Ihrer GraphQL-API

Wenn Sie ein GraphQL-Schema importieren und Feldresolver mithilfe von REST- oder SOAP-API-Endpunkten einrichten möchten, lesen Sie Importieren eines GraphQL-Schemas und Einrichten von Feldresolvern.

Voraussetzungen

Hinzufügen einer GraphQL-API

  1. Navigieren Sie im Azure-Portal zu Ihrer API Management-Instanz.

  2. Wählen Sie im linken Menü APIs>+ API hinzufügen aus.

  3. Wählen Sie unter Define a new API (Neue API definieren) das GraphQL-Symbol aus.

    Screenshot: Auswählen des GraphQL-Symbols aus der API-Liste

  4. Wählen Sie im Dialogfeld Vollständig aus, und füllen Sie die erforderlichen Formularfelder aus.

    Screenshot der Felder zum Erstellen einer GraphQL-API

    Feld Beschreibung
    Anzeigename Das ist der Name, mit dem Ihre GraphQL-API angezeigt wird.
    Name Das ist der unformatierte Name der GraphQL-API. Er wird automatisch ausgefüllt, wenn Sie den Anzeigenamen eingeben.
    GraphQL-Typ Wählen Sie Passthrough-GraphQL, um aus einem vorhandenen GraphQL-API-Endpunkt zu importieren.
    GraphQL-API-Endpunkt Das ist die Basis-URL mit dem Namen Ihres GraphQL-API-Endpunkts.
    Beispiel: https://example.com/your-GraphQL-name. Sie können auch einen beliebten „swapi“-GraphQL-Endpunkt wie https://swapi-graphql.azure-api.net/graphql als Demo verwenden.
    Schema hochladen Wählen Sie optional aus, Ihre Schemadatei zu durchsuchen und hochzuladen, um das vom GraphQL-Endpunkt abgerufene Schema zu ersetzen (sofern verfügbar).
    Beschreibung Fügen Sie eine Beschreibung Ihrer API hinzu.
    URL-Schema Treffen Sie eine Auswahl basierend auf Ihrem GraphQL-Endpunkt. Wählen Sie eine der Optionen aus, die ein WebSocket-Schema (WS oder WSS) enthält, wenn Ihre GraphQL-API den Abonnementtyp einschließt. Standardauswahl: HTTP(S).
    API-URL-Suffix Fügen Sie ein URL-Suffix hinzu, um diese spezifische API in dieser API Management-Instanz zu identifizieren. Es muss in dieser API Management-Instanz eindeutig sein.
    Basis-URL In diesem nicht bearbeitbaren Feld wird die Basis-URL für Ihre API angezeigt.
    Tags Ordnen Sie Ihre GraphQL-API neuen oder vorhandenen Tags zu.
    Produkte Ordnen Sie Ihre GraphQL-API einem Produkt zu, um sie zu veröffentlichen.
    Versionsverwaltung für diese API? Wählen Sie aus, ein Versionsverwaltungsschema auf Ihre GraphQL-API anzuwenden.
  5. Klicken Sie auf Erstellen.

  6. Nachdem die API erstellt wurde, können Sie das Schema auf der Registerkarte Entwurf durchsuchen oder ändern. Screenshot, der das Durchsuchen des GraphQL-Schemas im Portal zeigt.

Testen Ihrer GraphQL-API

  1. Navigieren Sie zu Ihrer API Management-Instanz.

  2. Wählen Sie im Seitennavigationsmenü im Abschnitt APIs die Option APIsaus.

  3. Wählen Sie unter Alle APIs Ihre GraphQL-API aus.

  4. Wählen Sie die Registerkarte Test aus, um auf die Testkonsole zuzugreifen.

  5. Unter Header:

    1. Wählen Sie im Dropdownmenü Name den Header aus.
    2. Geben Sie den Wert in das Feld Wert ein.
    3. Fügen Sie weitere Header hinzu, indem Sie + Header hinzufügen auswählen.
    4. Löschen Sie Header mithilfe des Papierkorbsymbols.
  6. Wenn Sie Ihrer GraphQL-API ein Produkt hinzugefügt haben, wenden Sie den Produktbereich mithilfe von Apply product scope (Produktbereich anwenden) an.

  7. Führen Sie im Abfrage-Editor eine der folgenden Aktionen aus:

    1. Wählen Sie mindestens ein Feld oder Unterfeld aus der Liste im Seitenmenü aus. Die von Ihnen ausgewählten Felder und Unterfelder werden im Abfrage-Editor angezeigt.

    2. Beginnen Sie mit der Eingabe im Abfrage-Editor, um eine Abfrage zu erstellen.

      Screenshot : Felder zum Abfrage-Editor hinzufügen

  8. Fügen Sie unter Abfragevariablen Variablen hinzu, um eine Abfrage oder Mutation wiederzuverwenden und unterschiedliche Werte zu übergeben.

  9. Wählen Sie Send (Senden) aus.

  10. Zeigen Sie die Antwort an.

    Screenshot: Anzeigen der Testabfrageantwort

  11. Wiederholen Sie die vorherigen Schritte, um verschiedene Nutzdaten zu testen.

  12. Beenden Sie die Testkonsole, wenn die Tests abgeschlossen sind.

Testen eines Abonnements

Wenn Ihre GraphQL-API ein Abonnement unterstützt, können Sie es in der Testkonsole testen.

  1. Stellen Sie sicher, dass Ihre API ein WebSocket-URL-Schema (WS oder WSS) zulässt, das für Ihre API geeignet ist. Sie können diese Einstellung auf der Registerkarte Einstellungen aktivieren.

  2. Richten Sie eine Abonnementabfrage im Abfrage-Editor ein. Wählen Sie dann Verbinden aus, um eine WebSocket-Verbindung mit dem Back-End-Dienst herzustellen.

    Screenshot einer Abonnementabfrage im Abfrage-Editor.

  3. Überprüfen Sie die Verbindungsdetails im Bereich Abonnement.

    Screenshot einer WebSocket-Verbindung im Portal.

  4. Abonnierte Ereignisse werden im Bereich Abonnement angezeigt. Die WebSocket-Verbindung wird beibehalten, bis Sie sie trennen oder eine Verbindung mit einem neuen WebSocket-Abonnement herstellen.

    Screenshot von GraphQL-Abonnementereignissen im Portal.

Schützen Ihrer GraphQL-API

Schützen Sie Ihre GraphQL-API vor GraphQL-spezifischen Angriffen durch das Anwenden vorhandener Authentifizierungs- und Autorisierungsrichtlinien und einer GraphQL-Validierungsrichtlinie.

Nächste Schritte