Axeda Sample Application: Populating A Web Page with Data Items

    The Axeda Platform provides a few mechanisms for putting user-defined pages or UI modules into the dashboards, or allowing end-users to host AJAX based applications from the same instance their data is retrieved from.  This simple application illustrates the use of jQuery to call Scripto and return a JSON formatted array of current data for an Axeda asset.

    Prerequisites:

    • First steps taken with Axeda Artisan
    • Basic understanding of HTML, JavaScript and jQuery
    • Axeda Platform v6.5 or greater (Axeda Customers and Partners)
    • Artisan project attached to this article

     

    Features:

    • Authentication from a Web app
    • Use of CurrentDataFinder API
    • Scripto from jQuery

     

    Files of Note (Locations are from the root of Artisan project)

    1. index.html – main HTML index page
      ..\artisan-starter-html\src\main\webapp\index.html
    2. app.js – JavaScript code to build application and call Scripto
      ..\artisan-starter-html\src\main\webapp\scripts\app.js
    3. axeda.js – axeda web services JavaScript code
      ..\artisan-starter-html\src\main\webapp\scripts\axeda.js
    4. DataItemsWithScripto.groovy – custom object on Axeda platform
      ..\artisan-starter-scripts\src\main\groovy\DataItemsWithScripto.groovy

     

    Screenshots:

    AxedaSampleApp_PopulatingWebPageDataItems_SS3.png

    AxedaSampleApp_PopulatingWebPageDataItems_SS1.png

    AxedaSampleApp_PopulatingWebPageDataItems_SS2.png

    Further Reading