Angular 2訪客計數器

Question

我正在爲管理菜單編寫一些帶角度cli的代碼，我需要顯示訪問者數量。我在互聯網上搜索過，但我找不到解決方案。 任何想法如何使我的角2或角cli應用程序的訪客計數器？

Answer 1

你不能在客戶端直接實現它，你需要使用某種存儲。

這裏是firebase彈出來救援的地方。

利用firebase爲它添加一個節點作爲PageCount和appComponent i：e您的主要組件添加一個方法，該方法將在ngonit上觸發並增加firebase中的計數，並且如果您希望可以在模板上查看它。

我有這個用例，我用它爲我的兩個應用程序Angular Concepts & FootballScore。 移到頁面的右下方檢查頁數。

現在Implentation

在應用組件

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使用火力點在角檢查git的鏈接開火基地角。