RUM AngularJS

AngularJS 是一个用于构建 Web 应用程序的开源 JavaScript 框架。AngularJS 通常设计用于构建单页应用程序和业务线应用程序。 

使用 RUM for Single Page Applications，您可以监控使用 AngularJS 构建的 Web 应用程序，以了解您的应用程序的实时行为方式。 

RUM 如何为 AngularJS 工作：

由于 页面 onload 事件 在 Single Page Applications 的情况下没有帮助，因此通过监听 statechangestart 事件来获取动态交互的开始时间。对于每个网页加载，都会加载一组 AJAX 调用。使用这些 AJAX 调用计算网页加载的结束时间（上次加载的 AJAX 调用的结束时间将是网页加载结束时间。）

安装说明：

1.登录您的 Site24x7 帐户 

2.首页 > APM > WebRUM > 添加 RUM 监视器 > 选择您的 Web 应用程序类型

3.将给定的脚本放在 angular的application_variable.run()函数中。将application_变量替换为您的应用程序变量。

app.run(['$rootScope', function($rootScope) {

  $rootScope.$on('$stateChangeStart', function(e, to) {   

// insert spa code here 

});

}

 

注意：

• Angular 有两个路由引擎——ngRoute 和 ui-Router。对于 ui-Router， 监听 statechangestart事件来计算网页加载 的开始时间，对于 ngRoute， 监听 routeChangeStart 事件 来计算网页加载时间。
• 运行函数应该有$rootScope作为参数
• 如果在 run 函数中未定义stateChangeStart 事件，则定义一个并在其中添加给定的脚本。在 ngRoute 的情况下routeChangeStart 事件类似。