Angular 2 访客计数器

Question

我正在使用 angular-cli 为管理菜单编写一些代码，我需要显示访问者数量。我在互联网上进行了搜索，但找不到解决方案。知道如何为我的 Angular 2 或 Angular-CLI 应用程序制作访客计数器吗？

Answer 1

您无法直接在客户端实现它，您需要使用某种存储。

这就是火力基地突然出现来救援的地方。

利用 firebase 添加一个节点作为 PageCount 并在 appComponent 上添加一个方法，即您的主要组件添加一个方法，该方法将在 ngonit 上触发并增加 firebase 中的计数，如果您愿意，您还可以在模板上查看它。

我有这个用例，并将其用于我的两个应用程序Angular Concepts和FootballScore。移至页面右下角以检查页数。

现在实施

在应用程序组件中

  ngOnInit() {
    this.service.incrementPageCount().then(data => this.service.changeCount(data));
  }

服务中

  private _pageCount = new BehaviorSubject<number>(0);
  count$ = this._pageCount.asObservable();

  incrementPageCount(){
    const pageCount = this.af.object('/pageCount/').$ref
      .ref.transaction(count => {
        return count + 1;
      }).then((data) => {return data.snapshot.node_.value_;});

    return pageCount;
  }

我正在使用https://github.com/angular/angularfire2在 Angular 中使用 firebase 检查 git 链接以设置 Angular 的 firebase。