Tutorial: JSON-Inhalte zuordnen

In diesem Tutorial lernen Sie, wie Sie Nachrichteninhalte von einem Format oder Schema auf ein anderes Format oder Schema abbilden können.

Vorbereitende Schritte

Diese Task kann von Benutzern ausgeführt werden, denen eine der folgenden Rollen zugewiesen ist:
  • Katalogeigner
  • Entwickler
Hinweis: Der Sandbox-Katalog muss so konfiguriert sein, dass er entweder ein DataPower® Gateway (v5 compatible) oder ein DataPower API Gateway oder beides verwendet. Siehe „Erstellen und Konfigurieren von Katalogen “.

Info zu diesem Tutorial

In diesem Tutorial nehmen Sie die folgenden Lerneinheiten durch:

Neue API erstellen

Führen Sie die folgenden Schritte aus, um eine neue API zu erstellen.

  1. Melden Sie sich bei API Manager an.
  2. Klicken Sie auf der Startseite auf die Kachel APIs und Produkte entwickeln.

    Alternativ können Sie auch auf das Symbol " Entwickeln" im linken Fensterbereich klicken.

    APIM-Bildschirm

  3. Klicken Sie auf der Seite „Entwickeln“ auf „Hinzufügen“ > „API “.

    API-Menü hinzufügen

  4. Auf der Seite API-Typ auswählen,
    1. Stellen Sie sicher, dass OpenAPI 2.0 ausgewählt ist.
    2. Wählen Sie das Optionsfeld Neu OpenAPI.
    3. Klicken Sie auf Weiter.

      Neue API

  5. Geben Sie auf der Seite " Create new OpenAPI " die folgenden Informationen über die API ein.
    Hinweis: Das Feld OpenAPI Version ist vordefiniert. Sie können dieses Feld nicht aktualisieren.
    1. Geben Sie in das Feld Titel Mapper ein.

      Das Feld Name wird mit dem Wert gefüllt, den Sie in das Feld Titel eingeben.

    2. Geben Sie in das Feld Version 1.0.0 ein.
    3. Geben Sie in das Feld Basispfad /map ein.
    4. Klicken Sie auf Weiter.

      Einzelheiten zu API

  6. Unter dem Abschnitt Sicher,
    1. Die Kontrollkästchen „Mit Client-ID sichern“ und „ CORS “ sind bereits aktiviert. Deaktivieren Sie die Kontrollkästchen nicht.
    2. Klicken Sie auf Weiter.

      Geschützte API

      Sie sehen den Fortschritt bei der Erstellung der neuen API. Wenn die API erstellt ist, wird eine Zusammenfassung angezeigt.

  7. Klicken Sie unter dem Abschnitt Zusammenfassung auf API bearbeiten.

    Neue API-Zusammenfassung

    Die Registerkarte Entwurf für den Entwurf Ihrer API-Definition wird angezeigt.

  8. Klicken Sie im linken Bereich auf Verbrauchen.
  9. In der rechten Leiste, im Abschnitt Verbrauchen,
    1. Klicken Sie auf Hinzufügen +.
    2. Wählen Sie im Dialogfeld Schema hinzufügen aus der Dropdown-Liste Mime-Typ (optional) die Option application/json und klicken Sie dann auf Hinzufügen.

      Schema hinzufügen

  10. Klicken Sie im linken Bereich auf Produzieren.
  11. In der rechten Leiste, im Abschnitt Produziert,
    1. Klicken Sie auf Hinzufügen +.
    2. Wählen Sie im Dialogfeld Schema hinzufügen aus der Dropdown-Liste Mime-Typ (optional) die Option application/json und klicken Sie dann auf Hinzufügen.

      MIME-Typ

  12. Klicken Sie im linken Bereich auf Pfade.
  13. In der rechten Leiste, im Abschnitt Pfade,
    1. Klicken Sie auf Hinzufügen +.
    2. Geben Sie in das Feld Pfadname /jsonmap ein und klicken Sie dann auf Hinzufügen.

      Pfad

  14. Klicken Sie im linken Bereich unter dem neu erstellten Pfad (/jsonmap ) neben Operationen auf das Symbol +.

    Das Dialogfeld Schema hinzufügen wird angezeigt.

  15. Führen Sie im Dialogfeld Schema hinzufügen die folgenden Aufgaben aus.
    1. Geben Sie in das Feld Verb(Schlüssel) (optional) get ein.
    2. Geben Sie im Feld Operation (optional) POST ein.
    3. Klicken Sie auf Hinzufügen.

      Operationsfeld

  16. Klicken Sie im linken Bereich neben Parameter auf das Symbol +.

    Das Dialogfeld Schema hinzufügen wird angezeigt.

  17. Führen Sie im Dialogfeld Schema hinzufügen die folgenden Aufgaben aus.
    1. Geben Sie in das Feld Name body ein.
    2. Aktivieren Sie das Kontrollkästchen Erforderlich.
    3. Wählen Sie in der Dropdown-Liste Erreichbar in body.
    4. Klicken Sie auf Hinzufügen.

      Hauptteil

  18. Blättern Sie nach unten zum Abschnitt Schema und klicken Sie dann auf Anzeigen.
  19. Führen Sie unter dem Abschnitt Schema die folgenden Aufgaben aus.
    1. Geben Sie im Feld Titel (optional) body ein.
    2. Wählen Sie in der Dropdown-Liste Typ die Option Zeichenfolge.
    3. Klicken Sie in der oberen rechten Ecke auf Speichern.

      Schema

  20. Erweitern Sie im linken Bereich „Pfade“ > „Operationen “ > „Reaktionen “.
  21. Klicken Sie unter Antworten auf 200.
  22. Führen Sie auf der rechten Seite unter dem Abschnitt 200 die folgenden Aufgaben aus.
    1. Geben Sie im Feld Name (Schlüssel) 200 ein.
    2. Geben Sie in das Feld Beschreibung 200 OK ein.
    3. Klicken Sie in der oberen rechten Ecke auf Speichern.

      Name und Beschreibung

JSON-Inhalt zuordnen

  1. Klicken Sie auf die Registerkarte Gateway.
  2. Löschen Sie die vorhandene Richtlinie auf der Arbeitsfläche, indem Sie den Mauszeiger über die Richtlinie bewegen und dann auf das Lösch symbol klicken Symbol 'Löschen'.
    Hinweis: Wenn Sie DataPower API Gateway verwenden, handelt es sich um eine Aufforderungsrichtlinie, während Sie DataPower Gateway (v5 compatible) verwenden, ist die Richtlinie eine Proxy-Richtlinie.

    Politischer Knoten

  3. Um die Palette anzuzeigen, klicken Sie im rechten Bereich auf das Plus-Symbol plus-Symbol.

    Plus-Symbol zum Hinzufügen von Richtlinien

  4. Wählen Sie unter der Spalte Transformationen die Option Karte.

    Der Kartenrichtlinienknoten wird auf der Arbeitsfläche angezeigt.

    Karte Politik Knoten

  5. Klicken Sie auf den Knoten der Zuordnungsrichtlinie, um das Konfigurationsdialogfeld zu öffnen.
  6. Klicken Sie neben „Eingabe “ auf das Symbol „Eingaben bearbeiten “. Symbol bearbeiten

    Eingaben bearbeiten

  7. Klicken Sie auf Eingabe hinzufügen.
  8. Vervollständigen Sie die Konfiguration der Karteneingabe, indem Sie die folgenden Werte eingeben
    1. Geben Sie in das Feld Kontextvariable request.body ein.
    2. Geben Sie in das Feld Name input ein.
    3. Wählen Sie in der Dropdown-Liste Inhaltstyp die Option application/json.
    4. Wählen Sie aus der Dropdown-Liste Definition die Option Inline schema.

      Das Pop-up-Fenster Schema bereitstellen wird angezeigt.

      Pop-up-Fenster zur Angabe eines Schemas

    5. Führen Sie im Popup-Fenster Provide a schema die folgenden Aufgaben aus.
      1. Wählen Sie die Registerkarte Aus JSON-Beispiel generieren.
      2. Fügen Sie das folgende JSON-Beispiel in das Feld ein.
        {"order":
        {"customer":
        {"name":
        {
        "firstname":"John",
        "middlename":"Q",
        "lastname":"Smith"
        },
        "address":
        {
        "line1":"550 King St",
        "line2":"Dept 5",
        "city":"Littleton",
        "state":"MA",
        "country":"USA",
        "code":"01460"
        }
        }
        },
        "items":
        [{"item":"shoes", "color":"black", "qty":2, "price":23.50},
        {"item":"socks", "color":"argyle", "qty":2, "price":3.95},
        {"item":"pants", "color":"grey", "qty":1, "price":48.00}]
        }
      3. Klicken Sie auf Erzeugen.

        Aus Beispiel-JSON generieren

      4. Klicken Sie auf Done.

        Das Pop-up-Fenster ist nun geschlossen.

    6. Klicken Sie im Dialogfeld für die Konfiguration der Kartenrichtlinie auf Fertig, um die Konfiguration der Karte abzuschließen.
  9. Klicken Sie neben der Spalte „Ausgabe“ auf das Symbol „Ausgaben Symbol bearbeitenbearbeiten“.

    Ausgabe bearbeiten

  10. Klicken Sie auf Ausgabe hinzufügen.
  11. Vervollständigen Sie die Konfiguration der Kartenausgabe, indem Sie die folgenden Werte eingeben
    1. Geben Sie in das Feld Kontextvariable message.body ein.
    2. Geben Sie in das Feld Name output ein.
    3. Wählen Sie in der Dropdown-Liste Inhaltstyp die Option application/json.
    4. Wählen Sie aus der Dropdown-Liste Definition die Option Inline schema.

      Das Pop-up-Fenster Schema bereitstellen wird angezeigt.

      Ein Schema-Pop-up-Fenster bereitstellen

    5. Führen Sie im Popup-Fenster Provide a schema die folgenden Aufgaben aus.
      1. Wählen Sie die Registerkarte Aus JSON-Beispiel generieren.
      2. Fügen Sie das folgende JSON-Beispiel in das Feld ein.
        {"order":
        {
        "date":"12-12-12",
        "customer": "John Smith",
        "address":
        {
        "street":"king",
        "citystatezip":"lit MA 01469",
        "country":"USA"
        },
        "items":[{"type":"shoes", "color":"black", "qty":2, "price":23.50}]
        }
        }
      3. Klicken Sie auf Erzeugen.

        Aus Beispiel-JSON generieren

    6. Klicken Sie auf Done.

      Das Pop-up-Fenster ist nun geschlossen.

    7. Klicken Sie im Dialogfeld für die Konfiguration der Kartenrichtlinie auf Fertig, um die Konfiguration der Karte abzuschließen.

      Konfiguration der Karte

  12. Klicken Sie auf Speichern.
  13. Führen Sie im Fenster zur Konfiguration der Kartenausgabe in der Spalte Ausgabe die folgende Aufgabe aus.
    1. Wählen Sie das Optionsfeld Datum.

      Das Dialogfeld Zuordnung konfigurieren wird angezeigt.

      1. Geben Sie im Dialogfeld " Zuordnung konfigurieren " das folgende Beispiel ein: JavaScript.

        new Date().toGMTString()

      2. Klicken Sie auf Done.

        Zuordnung konfigurieren

    2. Wählen Sie in der Spalte Eingabe das Optionsfeld Vorname und dann in der Spalte Ausgabe das Optionsfeld Kunde.

      Das Dialogfeld Zuordnung konfigurieren wird angezeigt.

      1. Aktivieren Sie im Dialogfeld Zuordnung konfigurieren das Kontrollkästchen Leere Zeichenfolge als Standardwert.
      2. Klicken Sie auf Done.
    3. Wählen Sie in der Spalte Eingabe das Optionsfeld middlename und dann in der Spalte Ausgabe das Optionsfeld customer.

      Das Dialogfeld Zuordnung konfigurieren wird angezeigt.

      1. Aktivieren Sie im Dialogfeld Zuordnung konfigurieren das Kontrollkästchen Leere Zeichenfolge als Standardwert.
      2. Klicken Sie auf Done.
    4. Wählen Sie unter der Spalte Eingabe das Optionsfeld Nachname und dann unter der Spalte Ausgabe das Optionsfeld Kunde.

      Das Dialogfeld Zuordnung konfigurieren wird angezeigt.

      1. Aktivieren Sie im Dialogfeld Zuordnung konfigurieren das Kontrollkästchen Leere Zeichenfolge als Standardwert.
      2. Klicken Sie auf Done.

        Zuordnung konfigurieren

    5. Wählen Sie in der Spalte Ausgabe das Optionsfeld Kunde.

      Das Dialogfeld Zuordnung konfigurieren wird angezeigt.

      1. Geben Sie im Dialogfeld " Zuordnung konfigurieren " in das Feld " Wert" den folgenden Beispielcode ein.
        var name = $(input.order.customer.name.firstname) + ' '; 
          if($(input.order.customer.name.middlename)) {
          name += $(input.order.customer.name.middlename) + ' ';}
          name += $(input.order.customer.name.lastname);
          name
      2. Klicken Sie auf Done.

        Leere Zeichenfolge als Standardwert

    6. Wählen Sie in der Spalte „Eingabe “ das Optionsfeld „Adresse > line1 “ aus und anschließend in der Spalte „Ausgabe “ das Optionsfeld „Straße “.

      Das Dialogfeld Zuordnung konfigurieren wird angezeigt.

      1. Aktivieren Sie im Dialogfeld Zuordnung konfigurieren das Kontrollkästchen Leere Zeichenfolge als Standardwert.
      2. Klicken Sie auf Done.
    7. Wählen Sie in der Spalte „Eingabe “ das Optionsfeld „Adresse > line2 “ aus und anschließend in der Spalte „Ausgabe “ das Optionsfeld „Straße “.

      Das Dialogfeld Zuordnung konfigurieren wird angezeigt.

      1. Aktivieren Sie im Dialogfeld Zuordnung konfigurieren das Kontrollkästchen Leere Zeichenfolge als Standardwert.
      2. Klicken Sie auf Done.

        Leere Zeichenfolge als Standardwert

    8. Wählen Sie in der Spalte Ausgabe das Optionsfeld Straße.

      Das Dialogfeld Zuordnung konfigurieren wird angezeigt.

      1. Geben Sie im Dialogfeld " Zuordnung konfigurieren " in das Feld " Wert" den folgenden Beispielcode ein.
        var street = $(input.order.customer.address.line1) + ' '; 
          if($(input.order.customer.address.line2)) {
          street += $(input.order.customer.address.line2);}
          street
      2. Klicken Sie auf Done.

        Zuordnung konfigurieren

    9. Wählen Sie in der Spalte Eingabe das Optionsfeld Stadt und dann in der Spalte Ausgabe das Optionsfeld Stadt-Zahl.

      Das Dialogfeld Zuordnung konfigurieren wird angezeigt.

      1. Aktivieren Sie im Dialogfeld Zuordnung konfigurieren das Kontrollkästchen Leere Zeichenfolge als Standardwert.
      2. Klicken Sie auf Done.
    10. Wählen Sie in der Spalte Eingabe das Optionsfeld Bundesland und dann in der Spalte Ausgabe das Optionsfeld StadtStaatZip.

      Das Dialogfeld Zuordnung konfigurieren wird angezeigt.

      1. Aktivieren Sie im Dialogfeld Zuordnung konfigurieren das Kontrollkästchen Leere Zeichenfolge als Standardwert.
      2. Klicken Sie auf Done.
    11. Wählen Sie in der Spalte Eingabe das Optionsfeld Code und dann in der Spalte Ausgabe das Optionsfeld citystatezip aus.

      Das Dialogfeld Zuordnung konfigurieren wird angezeigt.

      1. Aktivieren Sie im Dialogfeld Zuordnung konfigurieren das Kontrollkästchen Leere Zeichenfolge als Standardwert.
      2. Klicken Sie auf Done.

        Zuordnung konfigurieren

    12. Wählen Sie in der Spalte Ausgabe das Optionsfeld Straße.

      Das Dialogfeld Zuordnung konfigurieren wird angezeigt.

      1. Geben Sie im Dialogfeld " Zuordnung konfigurieren " in das Feld " Wert" den folgenden Beispielcode ein.
        $(1) + " " + $(2) + " " + $(3)
        Hinweis: Die Variablenverweise sind positionsbezogen; $(1) bezieht sich auf den ersten zugeordneten Wert (input.order.customer.city) usw.
      2. Klicken Sie auf Done.

        Leere Zeichenfolge als Standardwert

    13. Wählen Sie in der Spalte „Eingabe “ das Optionsfeld „Elemente > Element “ aus und anschließend in der Spalte „Ausgabe “ das Optionsfeld „Elemente “.

      Das Dialogfeld Zuordnung konfigurieren wird angezeigt.

      1. Aktivieren Sie im Dialogfeld Zuordnung konfigurieren das Kontrollkästchen Leere Zeichenfolge als Standardwert.
      2. Klicken Sie auf Done.

        Zuordnung konfigurieren

    14. Klicken Sie unter der Spalte Ausgabe auf die zweite Eigenschaft hinzufügen.

      Eigenschaft hinzufügen

      1. Geben Sie in das erste Feld total ein.
      2. Wählen Sie aus der Dropdown-Liste float.
      3. Klicken Sie auf das Symbol +.

        Gleitkommazahl

    15. Wählen Sie in der Spalte Eingabe das Optionsfeld Artikel und dann in der Spalte Ausgabe das Optionsfeld Summe.

      Das Dialogfeld Zuordnung konfigurieren wird angezeigt.

      1. Geben Sie im Dialogfeld " Zuordnung konfigurieren " in das Feld " Wert" den folgenden Beispielcode ein.
        $(0) + ($(input.items.price) * $(input.items.qty))

        Leere Zeichenfolge als Standardwert

      2. Klicken Sie auf Done.

        konfigurationsmapping

    16. Klicken Sie auf der Ausgabeseite des Kartenrichtlinienknotens auf Speichern.
  14. Quelle anklicken.
  15. Blättern Sie nach unten und suchen Sie den Code, in dem die Gesamtsumme berechnet wird.

    Berechnung des Gesamtbetrags

  16. Fügen Sie eine neue Zeile mit dem Code foreach: input.items ein.

    Berechnung des bereinigten Gesamtbetrags

  17. Klicken Sie auf Speichern.

API-Definition testen

Hinweis: Aufgrund von Einschränkungen beim Cross-Origin Resource Sharing ( CORS ) kann das Assembly-Test-Tool nicht mit den Browsern Chrome oder Safari auf der Plattform „ macOS “ Catalina verwendet werden.

Um Ihre API-Definition mit dem API-Manager-Testtool zu testen, führen Sie die folgenden Schritte aus:

  1. Klicken Sie auf die Schaltfläche Assemble.

    Seite zusammenstellen

  2. Klicken Sie auf das Symbol „Test Das Symbol Test“. Das Testtool wird geöffnet.
  3. Klicken Sie auf API aktivieren.

    Testaufbau

  4. Im Feld Operation wählen Sie post /jsonmap.

    Test wählen op

  5. Geben Sie in das Feld Hauptteil den folgenden JSON-Text ein.
    {"order":
    {"customer":
    {"name":
    {
    "firstname":"John",
    "middlename":"Q",
    "lastname":"Smith"
    },
    "address":
    {
    "line1":"550 King St",
    "line2":"Dept 5",
    "city":"Littleton",
    "state":"MA",
    "country":"USA",
    "code":"01460"
    }
    }
    },
    "items":
    [{"item":"shoes", "color":"black", "qty":2, "price":23.50},
    {"item":"socks", "color":"argyle", "qty":2, "price":3.95},
    {"item":"pants", "color":"grey", "qty":1, "price":48.00}]
    }

    Test wählen op

  6. Klicken Sie auf Aufrufen. Die Antwort wird angezeigt. Beachten Sie, dass die Werte der Felder date, street, citystatezip und total die Zuordnungsformeln widerspiegeln, die Sie zuvor definiert haben.
    Hinweis: Wenn Sie ein selbstsigniertes Zertifikat verwenden, werden Sie möglicherweise aufgefordert, ein bereitgestelltes URL zu besuchen. Klicken Sie auf den Link und akzeptieren Sie dann das Zertifikat, bevor Sie zum API-Manager zurückkehren und erneut auf Aufrufen klicken.

    Erfolg im Test

Verwalten Ihrer API-Definition

Da Ihre neue API nun wie erwartet funktioniert, können Sie mit ihrer Verwaltung beginnen. Führen Sie die folgenden Schritte aus, um Ihre unmittelbaren Optionen zu sehen.

  1. Klicken Sie im Navigationsbereich auf das Symbol Symbol bearbeitenEntwickeln “.

    Entwickeln aus dem Navigationsbereich

  2. Klicken Sie neben der Mapper -API auf das Men üsymbol Das Optionen-Symbol und wählen Sie dann „Herunterladen“ aus.

    Downloadoption

Die Themen dieses Tutorials

  • Erstellen einer neuen API
  • Inhalte, die aus einem JSON-Schema einem anderen Schema zugeordnet wurden.