09 Oct 2019 01:46 PM - last edited on 15 Dec 2021 01:56 PM by MaciejNeumann
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?
14 Dec 2019 03:07 AM
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/
14 Dec 2019 09:01 AM
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
14 Dec 2019 11:09 AM
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.
14 Dec 2019 12:39 PM
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