With the latest Dynatrace release, getting started with hybrid app monitoring is easy. Hybrid mobile apps combine the benefits of native mobile apps (for example, phone hardware and deployment via an app store) with the flexibility and platform independence of modern web technologies.
Set up hybrid mobile app monitoring
To set up hybrid mobile app monitoring
- Select Deploy Dynatrace from the navigation menu.
- Scroll down and click the Set up mobile monitoring button.
- Type in a name for your app and click Monitor mobile app.
- Select the platform of your mobile app (Google Android, Apple iOS, or Cordova).
The setup wizard guides you through the remaining setup steps.
- Install the plugin in your workspace using Node Package Manager (NPM). Click the Copy button to copy the NPM command to your clipboard (for example,
cordova plugin add dynatrace-cordova-plugin --save).
The next time you build your Android or iOS app, the Cordova plugin will automatically instrument it using OneAgent for Mobile. This will give you visibility into app starts, crash reports, and device metadata such as model and OS version.
- Finally, click the Download dynatrace.config button to download the
dynatrace.configfile. Place this file into the root folder of your Cordova app workspace, alongside
- Rebuild your app.
Start monitoring you hybrid app
- Launch your app in an emulator or on a test device and click through some typical use cases to generate some traffic that Dynatrace can monitor. When you’re done, close your app to ensure that all data is sent to Dynatrace (otherwise OneAgent for Mobile may cache the data for up to 2 minutes).
- Back in Dynatrace, select Applications from the navigation menu.
- Select your new hybrid mobile app from the list of applications.
- On your hybrid app’s overview page you’ll find all performance analysis metrics data related to your app. You’ll also see a new Hybrid app section that shows overall details of the performance of the web view portion of your app.
The web application overview contains all the user actions that were captured in web view, so typically you’ll find a high percentage of your app’s user actions listed here.
As shown, performance data is split across two application views. However, Dynatrace consolidates all detected user actions from these application views to a single user and a single user session.
- Select User sessions from the navigation menu to access User sessions view. In the Filtered by field, begin typing the name of your hybrid app to focus analysis on your app.
- Select the default user created for your hybrid app from the Users list at the bottom of the page. Notice that this user has accessed two apps—a Mobile app and a Web app (see example below).
Note the chart below that shows the sequence of user actions, when the user actions occurred during the session, and the wait time between actions.
From this point, you can continue as usual with your user-experience analysis. You can add additional filters to focus on the sessions you want to take a closer look at, or you can drill down to the user action waterfalls of your app’s web and mobile sessions.
As you’ve seen, with the Cordova plugin it’s easy to get started with hybrid app monitoring. So, if you have a Cordova-based hybrid app, try monitoring it in your dev environment with Dynatrace. Then share your feedback with us. We’d love to hear what you think about the new Dynatrace Cordova plugin for hybrid apps.