AngularJS 的 RUM
注意
此安装方法不再受支持。请参阅此处为您的 SPA 框架添加 RUM 脚本。
AngularJS 是一个开源 JavaScript 框架，用于构建 Web 应用程序。AngularJS 通常用于构建单页应用程序和业务线应用程序。
借助针对单页应用程序的 RUM，您可以监控使用 AngularJS 构建的 Web 应用程序，实时了解应用程序的运行状况。
RUM 在 AngularJS 中的工作原理
由于页面 onload 事件对单页应用程序不适用，因此动态交互的开始时间通过监听 statechangestart 事件来获取。每次网页加载时，会加载一组 AJAX 调用。网页加载的结束时间通过这些 AJAX 调用来计算（最后一个 AJAX 调用的结束时间即为网页加载的结束时间。）
安装说明
1. 登录您的 Site24x7 账户
2. 首页 > APM > WebRUM > 添加 RUM 监视器 > 选择您的 Web 应用程序类型
3. 将提供的脚本放置在 angular 的 application_variable.run() 函数内。将 application_variable 替换为您的应用程序变量。
app.run(['$rootScope', function($rootScope) {
$rootScope.$on('$stateChangeStart', function(e, to) {
// insert spa code here
});
}
注意：
- Angular 有两种路由引擎——ngRoute 和 ui-Router。使用 ui-Router 时，通过监听 statechangestart 事件来计算网页加载的开始时间；使用 ngRoute 时，通过监听 routeChangeStart 事件来计算网页加载时间。
- run 函数必须将 $rootScope 作为参数
- 如果 run 函数中未定义 stateChangeStart 事件，请定义一个并在其中添加提供的脚本。对于 ngRoute 中的 routeChangeStart 事件，同理。