0

BOOMR.plugins.Angular 插件似乎被用于,AngularJS 1.x到目前为止我未能找到Angular我可以使用的示例或插件。根据文档,我提出了以下解决方案:

@Injectable()
export class BoomerangBootstrapService implements OnAppInit {
    constructor(private router: Router) {}

    onAppInit() {
        const boomr = window['BOOMR'];
        const callbacks = {};

        this.router.events.subscribe((e) => {
            if (!boomr) {
                return;
            }
            if (e instanceof NavigationStart) {
                boomr.plugins.SPA.last_location(e.url);
                const callback = () => {
                    boomr.plugins.SPA.markNavigationComplete();
                };
                callbacks[e.url] = callback;
                boomr.plugins.SPA.route_change(callback, []);
            } else if (e instanceof NavigationEnd || e instanceof NavigationCancel || e instanceof NavigationError) {
                const callback = callbacks[e.url];
                if (callback) {
                    callback();
                    delete callbacks[e.url];
                }
            }
        });
    }
}

当我使用浏览器控制台插入帮助diagnostics script程序来调试调用时,我可以看到注册是正确的,但我没有看到在导航中提交的任何数据。

诊断脚本:

(function(spa) {
  'use strict';
  var rc = spa.route_change;
  var ll = spa.last_location;
  var cm = spa.markNavigationComplete;

  spa.last_location = function(url) {
    console.log('last route url was ' + url);
    ll(url);
  };

  spa.route_change = function(c, o) {
    console.log('route_change start');
    rc(c, o);
  };

  spa.markNavigationComplete = function() {
    console.log('route_change completed');
    cm();
  };
})(window.BOOMR.plugins.SPA);

难道我做错了什么?我需要创建自定义插件或调用其他方法吗?你能给我指出一个工作代码示例或插件 git 项目吗?

4

1 回答 1

1

现在不需要在你的 Angular 应用程序中检测任何东西。从 Boomerang 版本 1.632 开始,只需检查

启用单页应用程序 (SPA) 监控

此处提供的文档

https://developer.akamai.com/tools/boomerang/?language=en_US?language=en_US#single-page-apps

于 2021-06-07T12:56:34.087 回答