JSON Adapter

A service that communicates with an external data source using JSON over the HTTP protocol, and returns a response in JSON format is known as a JSON Service. You can use the JSON services in any case where you would use an XML service. But, the response of a JSON service is in a JSON format.

Concepts about JSON Adapter

Notations

  • JSON Object - {}
  • JSON Array - []
Important Considerations
  • JSON Array will consist of an array of JSON Objects or a blank array.
  • JSON Object is a key value pair. The key is a String and value can be a String, number(int, float,double), JSON Object or JSON Array.
  • JSON string will not contain attributes.
  • JSON path does not provide Axes like Xpath.
  • For JSON Path, if a JSON backend contains a collection, the parameters set should be same for all the records in the collection. For example, if the collection has parameters: name and type, these parameters should be repeated in the backend response, shown in the following sample code:
     // Sample code from a response:



    {"GlossDef":{"para":"A meta-markup language, used to create markup languages such as DocBook.","GlossSeeAlso":[{"name":"test","type":"XML"},{"name":"tester","type":"HTML"}]}}
  • For XPath, if a JSON backend contains a collection, the fetch only a parameter from the record, the XPath should be in <record>/<collection>[*]/<parameter>, which includes an [*].

    For example, in the previous sample code, if you want to fetch name from the GlossSeeAlso, the sample XPath should be as follows:

     // Sample code to fetch only the name parameter from a record, XPath:



    /GlossDef/GlossSeeAlso[*]/name
Selecting Elements
Element Description
elementname Selects all child elements of the named Element.
// Selects elements in the document from the current element that match the selection no matter where they are.
Example
Path Expression Result
bookstore (or) /bookstore Selects all the child elements of the bookstore element
bookstore/book Selects all book elements that are children of bookstore
//book Selects all book elements no matter where they are in the JSON string
bookstore//book Selects all book elements that are descendant of the bookstore element, no matter where they are under the bookstore element
Predicates

Predicates are used to find a specific element or an element that contains a specific value. Predicates are always embedded in square brackets.

Path Expression Result
bookstore/book[0] Selects the first book element that is the child of the bookstore element
bookstore/book[last()] Selects the last book element that is the child of the bookstore element
bookstore/book[last()-1] Selects the last but one book element that is the child of the bookstore element
bookstore/book[position()<3] Selects the first two book elements that are children of the bookstore element
bookstore/book[price>35.00] Selects all the book elements of the bookstore element that have a price element with a value greater than 35.00
bookstore/book[price>35.00]/title Selects all the title elements of the book elements of the bookstore element that have a price element with a value greater than 35.00

NOTE: If a key name contains a value with a dot (.), the path for the same should be in double quotes ([""]). For example, if the key in response is <element1>.<element2>, the path must be as ["<element1>.<element2>"]

Operators
Operator Description Example Result
> Greater than price>9.80
  • true if price is 9.90
  • false if price is 9.80
>= Greater than or equal to price>=9.80
  • true if price is 9.90
  • false if price is 9.70
< Less than price<9.80
  • true if price is 9.00
  • false if price is 9.80
!= Not equal price!=9.80
  • true if price is 9.90
  • false if price is 9.80
= Equal price=9.80
  • true if price is 9.80
  • false if price is 9.90

Configure JSON End-point Adapter

To configure a JSON service in Integration service definition tab, follow these steps:

  1. In the Name field, provide a unique name for your service.
  2. From the Service Type list, select JSON.

    NOTE: XML is selected, by default.

  3. Provide the following details to create a JSON service.
    FieldsDescription
    Path Expression

    You can choose between JSON Path or XPath expressions to process and transform the data from the backend response.

    NOTE: JSON Path is the recommended option for a JSON service. (Requires Quantum Fabric runtime version 8 with Service Pack 3 or higher)

    NOTE: To walk-through creating automated response parameters for a JSON service by using the Tree view with Quantum Fabric, take a look at our hands-on tutorial for UI to view and create a Service Response.

    VersionSpecify the version number for the service.
    Base URLType the URL.
    Web Service Authentication
    Identity Service for Backend Token

    Select the Identity service associated with your app if this service needs backend token like access_token from that Identity service to access the backend server.

    NOTE: For more information on Externalizing Identity Services, refer to Replace the Identity Service references in a Fabric app.

  4. NOTE: All options in the Advanced section are optional.

  5. Enter the Description for the service.
  6. Click SAVE to save your service definition.

Create Operations for JSON

The Operation List tab appears when you click Add Operation in the Service Definition page.

NOTE: Click Operations List tab > Configure Operation. The Configured Operations list appears.

  • To create an operation, follow these steps:
    1. Click SAVE & ADD OPERATION in your service definition page to save your service definition and display the NewOperation tab for adding operations.
                          OR
      Click Add Operation to add a new operation or from the tree in the left pane, click Add > Add New Operation.
    2. Click Add Operation. The selected operations appears under Configured Operations list.
    3. Provide the following details to create an operation.
      FieldDescription
      NameThe operation name appears in the Name field. You can modify the name, if required.
      Operation Security Level

      It specifies how a client must authenticate to invoke this operation.

      NOTE: The field is set to Authenticated App User, by default.

      Target URL

      The Target URL field is pre-populated with the URL. You can add the suffix, if required.

      http://baseurl.com/suffix

      For Example, to the base URL, you can add suffix such as /latest  or /sports to get latest news or sports news:

      • http://feeds.foxnews.com/foxnews/latest
      • http://feeds.foxnews.com/foxnews/sports
    4. NOTE: All options in the Advanced section for operations are optional.

    5. Enter the Description for the operation.

    Configure Request Operation for JSON

    Integration services accept only form-url-encoded inputs for all input parameters provided in service input parameters (request input).

    You can perform the following actions in Request Input tab:

    1. Click Add Parameter  to add an entry (if the entries for input and the output tabs does not exist).
    2. To make duplicate entries, select the check box for the entry, click Copy and Paste.
    3. To delete an entry, select the check box for an entry and click Delete .
    4. Under the Body tab, perform the following actions:
      1. To forward the body of the client's request to backend as it is, select the Enable pass-through input body check box. For more details on API Proxy service, refer to How to Enable Pass-through Proxy for Operations.

      2. To configure parameters in the clients body, do the following:
        FieldDescription
        NameEnter the name for the request input parameter.
        Value

        Three different options are available in Quantum Fabric under VALUE during configuration of any operation. When you start editing this field, dependent identity services are auto populated. These options primarily determine the source of the value of the header.

        NOTE: The field is set to Request, by default.

        NOTE: For more information on Externalizing Identity Services, refer to Replace the Identity Service references in a Fabric app.

        TEST VALUEEnter a value. A test value is used for testing the service.
        DEFAULT VALUEEnter the value, if required. The default value will be used if the test value is empty.
        ScopeSelect request or session. This field is set to Request, by default.
        EncodeSelect the checkbox to enable an input parameter to be encoded. For example, the name New York Times would be encoded as New%20York%20Times  when the encoding is set to True. The encoding must also adhere the HTML URL encoding standards.
    5. Click the Header tab to provide the following custom headers for an operation.

      You must provide the custom HTTP headers based on the operation. For example, post or get.

      Perform the following actions to provide the custom header:

      1. To forward headers of the client's request to backend as it is, select the Enable pass-through input header check box. For more details on API Proxy service, refer to How to Enable Pass-through Proxy for Operations.
      2. To configure parameters in the client's header, do the following:
        FieldDescription
        NameProvide custom HTTP headers required by the external source.
        Value

        Three different options are available in Quantum Fabric under VALUE during configuration of any operation. When you start editing this field, dependent identity services are auto populated. These options primarily determine the source of the value of the header.

        NOTE: The field is set to Request, by default.

        NOTE: If the header value is scoped as a Request (or) Session and the same header is accessed under the Expression header value, then the expression must be represented as $request.header (or) $session.header.



        Example: If a header 1 value is a request and header 2 value is an expression, then the value of the expression must be $Request.header1.



        TEST VALUEEnter a value. A test value is used for testing the service.
        DEFAULT VALUEChange the syntax, if required. The default value will be used if the test value is empty.
        DescriptionEnter a proper description.
    6. You can add pre and post processing logic to services to modify the request inputs. When you test, the services details of various stages are displayed in the service execution for better debugging. You can refer to Test a Service Operation for the steps to test a service.

    Configure Response Operation for JSON

    Click Response Output tab to configure the fields of the table for displaying the data.

    NOTE: If you define parameters inside a record as the session, the session scope will not get reflected for the parameters.

    1. To forward the response from the backend to the client as it is, select the Enable pass-through output body check box. For more details on API Proxy service, refer to How to Enable Pass-through Proxy for Operations.
    2. You can configure XPath or JSON path expressions for extracting the required elements from the back-end response of the service call. So that the extracted output can be sent to the client app. Based on the path expression selected in the service definition, you can create an XPath or JSON path manually. For JSON services only, JSON Path can be auto-generated.

      NOTE: Auto generation of XPath support is available from Quantum Fabric V8 SP3 onwards.

      The following table details XPath/JSON generation:

      To create JSON Path automatically
      (for V8 SP4)

      in case if you have selected JSON Path in the Path Expression field, follow these steps

      To create XPath/JSON Path manually
      1. After you click Save and Fetch Response, the Tree view with the back-end response appears by default in the Test > Backend Response pane.
      2. Click or hover your mouse cursor over the node for which you want to create JSON Path.

        The Create response button appears next to that node.

      3. Click the Create response button.

        A new row is created automatically along with the JSON Path for the selected node in the Response Output tab.

        NOTE: The Response Output tab appears if you have clicked the Create response button from the Request Input tab.

       

      IMPORTANT: If you have selected the Path Expression as JSON Path, in the Response Output tab, the Add All to Response Output cogwheel is displayed. You can generate JSON Path for the entire response by clicking the Add All to Response Output button.

      1. Click Add Parameter to add new row.
      2. Click the Tree button in the Backend Response tab.

        This displays the backend response in a tree structure format.

      3. Click the node for which you want to create XPath/JSON Path.

        The XPath/JSON Path for that node is displayed at the bottom of the Tree structure.

      4. Enter that XPath/JSON Path in the row that you have created.
         
    3. To configure parameters in the response, enter the values for required fields such as name, path, scope, data type, collection ID, record ID, format and format value.

      Enter the values for required fields such as name, path, scope, data type, collection ID, record ID, format and format value.

      IDPath
      city//current_observation/display_location/city
      latitude//current_observation/display_location/latitude
      longitude//current_observation/display_location/longitude
      temperature//current_observation/temp_c
      relative_humidity//current_observation/relative_humidity
      windspeed//current_observation/wind_string
      icon//current_observation/icon
      icon_url//current_observation/icon_url
      forecast_url//current_observation/forecast_url

      IMPORTANT: If the back-end for an XML service provides the date in a specific format and you want send the date in a different format to a device, you can configure the data format and FormatValue ( syntax : inputDateFormat~outputDateFormat) in the response tab.

      For example, if a back-end sends the date as Thu, 07 Sep 2017 07:03:00 GMT and you want convert it to 2017-09-07T07:03:00.000+0000, then set the format value as EEE, dd MMM yyyy HH:mm:ss z~yyyy-MM-dd'T'HH:mm:ss.SSSZ.



      For more details on the syntax of the date formats, refer https://docs.oracle.com/javase/7/docs/api/java/text/SimpleDateFormat.html

      NOTE:  When you enable Pass-through proxy flags, you will notice that you cannot configure request input, headers, and response out parameters for this operation.

    4. To validate the operation details, click Save and Test. For more details, refer to Test a Service Operation.
    5. Click Save Operation to save the changes.

      To use an existing integration service, refer to How to Use an Existing Integration Service.

      NOTE: You can view the service in the Data Panel feature of Quantum Visualizer. By using the Data Panel, you can link back-end data services to your application UI elements seamlessly with low-code to no code. For more information on Data Panel, click here.