question

Mohammad R. avatar image
Mohammad R. asked ·

Monitoring Vue.js or Angular application

Hi,


How do I monitor a vue.js or angular application?


Old struts/Spring MVC/ASP.NET MVC applications rendered HTML code for controls and components on server side before sending it to the client side, therefore those applications could be monitoring making regular HTTP requests.

Modern Javascript based frameworks like Vue.js and Angular render HTML code for controls and components on the client side.


How do I write a monitoring script that Logs In, verifies existence of certain keywords on the resulting page and Log out?

monitoringjavascriptuser actions
10 |2000000 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 50.0 MiB each and 250.0 MiB total.

Sendi T. avatar image
Sendi T. answered ·

I have the same issue, but we use Dynatace, My application uses Vue.js and Nuxt.js, but I can't see any application in Dynatrace.


Maybe not supported Vue.js in Dynatrace.


https://www.dynatrace.com/support/help/technology-support/supported-technologies-and-versions/

3 comments Share
10 |2000000 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 50.0 MiB each and 250.0 MiB total.

You have dynatrace, or Appmon? In general there is no issue with vuejs. We have clients that has part of GUI in this technology and user actions are registered properly. There can be plenty of reasons why you don’t see user actions. DOM can be not valid, in such case OneAgent is not able to inject into browser. If it is injected but not Reporting, beacon url may be configured wrong. For vuejs you should enable catching XHR requests in configuration etc.

Sebastian

0 Likes 0 · ·

We use Dynatrace, the auto inject is not work, I'm not sure why maybe application is to complex, the architecture is Vue.js, Nuxt.js, PHP-FPM, and Swoole, we can't find any service in PHP process groups.

0 Likes 0 · ·

If you don't have service than it's not vue.js issue, it's something with auto instrumentation of PHP itself. When you go to process instance that should be instrumented you should have there info if there is any issue with that. In such case you should download support archive, and check detailed logs. Maybe you have unsupported php version or nginx/apache is in wrong version as well.

Sebastian

0 Likes 0 · ·
Sebastian K. avatar image
Sebastian K. answered ·

You should read about UEM:

https://www.dynatrace.com/support/doc/appmon/user-experience-management/user-experience-management-administration/#expand-1317step-4-javascript-agent-is-injected-but-still-no-user-actions-or-visits-are-created

Appmon UEM monitoring supports Angular. You have to inject UEM js script to your angular application and then actions related to XHRS will be catched as well.

Sebastian

Share
10 |2000000 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 50.0 MiB each and 250.0 MiB total.