Instana U

 View Only

End-user monitoring of SAP Fiori applications in BTP environment by using Instana

By Joice Joy posted 13 days ago

  

Authors: @Joice Joy, @Ankit Guria

This article takes you through the capabilities that Instana provides as a full stack observability tool in monitoring SAP Fiori applications that are deployed in the SAP Business Technology Platform (BTP).

What is SAP Fiori?

SAP Fiori is a new user experience for SAP software and applications. It provides a set of applications that can be used on the regular basic functions like financial applications, calculation applications, work approvals, and various other self service applications. The responsive design of SAP Fiori applications can adjust to various screen sizes and orientations. It has the modern design principles, such as role-based, responsive, simple, coherent, and delightful. SAPUI5 framework,  based on a model view controller design pattern is used to build a Fiori application. SAPUI5 uses web technologies like HTML, CSS, and JavaScript for the frontend development, and the frontend communicates to SAP backend through ODATA services.

The Fiori applications can be accessed through the launchpad which is a shell that hosts SAP Fiori apps, and provides the apps with services, such as navigation, personalization, embedded support, and application configuration. The launchpad is the entry point to SAP Fiori apps on mobile and desktop devices. The launchpad displays a home page with tiles. Each tile represents a business application that the user can launch. Tiles can also display live status indicators, such as the number of open tasks. The launchpad is role-based. In other words, the app tiles are displayed depending on the user’s role.

How to monitor SAP Fiori applications that are deployed in an SAP BTP environment by using Instana?

This section explains how we can fully monitor the SAP Fiori applications that are deployed in SAP business technology platform by using Instana. Website monitoring, often called end-user monitoring (EUM), or real-user monitoring (RUM), is an important tool to understand digital user experience. Instana supports website monitoring by analyzing actual browser request times and route loading times. It allows detailed insights into the web browsing experience of users, and deep visibility into application call paths.

How to enable end-user monitoring for Fiori application through Instana

The following tracking script is all you need to get started with website monitoring. Copy this script to the HTML document's <head /> tag. You must provide the reportingUrl (where the captured beacons are sent) and key (for authentication) in the script.

<script>
  (function(s,t,a,n){s[t]||(s[t]=a,n=s[a]=function(){n.q.push(arguments)},
  n.q=[],n.v=2,n.l=1*new Date)})(window,"InstanaEumObject","ineum");

  ineum('reportingUrl', '');
  ineum('key', '');
  ineum('trackSessions');
</script>
<script defer crossorigin="anonymous" src="https://eum.instana.io/1.6.6/eum.min.js" 
 integrity=""></script>

Once you add the script to the website that needs to be monitored, the following information are displayed on the Instana dashboard:

  • Total HTTP requests made

  • Resources loaded

  • Load times of different pages

  • Total JavaScript errors

  • Complete break down list of resources failed with 4xx and 5xx

  • SAP Odata service calls (XHR calls) success/failure counts

  • Status codes.

The following example shows a Fiori application that is deployed in BTP:

The following screenshots from the Instana dashboard shows the end-user monitoring capabilities:

  • Summary page

The Summary tab shows the total page loads, average page on load time, total javascript errors, the geographical location from where the client has loaded the pages, and also the top pages list based on load time and errors.

  • Speed

The Speed tab shows the load time graphs, navigation timing, and paint timing.

  • HTTP Requests

On the HTTP Requests tab, you can analyse your HTTP requests that are slow or problematic. If you select a specific origin, you see an insight into HTTP Method Breakdown, throughput and latency, error rates, and latency breakdown.

  • XHR requests

In the XHR requests, you can see the backend service calls that are made by the SAPUI5 application. The following example shows the SAP ODATA service call failure due to 5xx error.

  • Breakdown list based on resource types and HTTP requests

This section shows the complete list of resources that are loaded based on its type, like JS, CSS, Font, and DOC, and also the XHR requests that are made by the website to any other application. The retrieval time helps to understand the latency for each resources.

  • Smart Alerts created when an event is triggered

Smart Alerts provide you with automatically generated alerting configurations so that you receive alerts based on out-of-the-box blueprints, such as website slowness, JavaScript errors, and HTTP status codes. Instana can configure the Smart Alerts by creating different alerting channels, such as emails, Slack, Microsoft Teams, PagerDuty, and Webhook.

To automatically receive alerts, complete the following steps:

  1. Select a blueprint that you want to be alerted for.

  2. Choose an arbitrary scope, for example, by geolocation, browser, OS, and so on.

The following is an example of the Smart Alert that is created through email when one of the SAP ODATA service call failed with 5xx error.

a) Email notification received when an event is triggered

b) View the event on the Instana dashboard

Hope you find this article informative. For more information about the benefits of enabling the end-user monitoring capability through Instana, see the Instana documentation.

Permalink