Query-bibliotheek
Query-bibliotheekGegevens aanvullen vanuit een externe API

Gegevens aanvullen vanuit een externe API

Als we gegevens moeten ophalen uit een externe API, maar we de resultaten op een bepaalde manier moeten aanpassen (zoals het opgeven van een standaardwaarde wanneer een veld leeg is), kunnen we Gato GraphQL gebruiken om een API-gateway te implementeren die de vermeldingen naar wens transformeert.

Als we bijvoorbeeld het REST API-eindpunt /users van een WordPress-site aanroepen, kunnen we een standaardwaarde toevoegen wanneer het veld url leeg is, en een extra eigenschap link met de HTML-code:

query FilterDataFromWordPressAPI(
  # eg: https://somesite.com/wp-json/wp/v2/users/?_fields=id,name,url
  $endpointURL: URL!
) {
  usersWithLinkAndDefaultURL: _sendJSONObjectCollectionHTTPRequest(
    input: {
      url: $endpointURL
    }
  )
    # Set a default URL for users without any
    @underEachArrayItem
      @underJSONObjectProperty(
        by: {
          key: "url"
        }
      )
        @default(
          value: "https://mysite.com"
          condition: IS_EMPTY
        )
 
    # Add a new "link" entry on the JSON object
    @underEachArrayItem(
      affectDirectivesUnderPos: [1, 2, 3, 4],
      passValueOnwardsAs: "userListItem"
    )
      @applyField(
        name: "_objectProperty",
        arguments: {
          object: $userListItem,
          by: {
            key: "name"
          }
        },
        passOnwardsAs: "userName"
      )
      @applyField(
        name: "_objectProperty",
        arguments: {
          object: $userListItem,
          by: {
            key: "url"
          }
        },
        passOnwardsAs: "userURL"
      )
      @applyField(
        name: "_sprintf",
        arguments: {
          string: "<a href=\"%s\">%s</a>",
          values: [$userURL, $userName]
        },
        passOnwardsAs: "userLink"
      )
      @applyField(
        name: "_objectAddEntry",
        arguments: {
          object: $userListItem,
          key: "link",
          value: $userLink
        },
        setResultInResponse: true
      )
}