角2 + ngrx：セッションタイマを実装

Question

私はログイン後に3600に設定されるセッションのカウントダウンでアプリケーションを構築しています。

タイマーが60に達すると、アプリはセッションを延長するようユーザーに警告する必要があります。タイマーが0になると、アプリはログアウトする必要があります。

一部のリクエスト（POST）によってセッションタイマーがリセットされるものもあれば、そうでないものもあります。

私は、login、login_successなどのケースとauth.effectクラスを扱うauth.reducerを持っています。ここでは、session-durationにサーバーから返された実際の時間を設定します。

私の質問は以下のとおりです。

1. 私はObservable.timer/intervalを入れて起動しますか？ 私は、次のオプションがあります。

   • dashboard.component
   • auth.effects
   • auth.service

2. を私はアクションDECREMENT_TIMERを作成してくださいまたは観察可能でカウントダウンを完了したときに、私はちょうどアクションTIMER_TIMEOUTを作成するのですか？

3. AuthStateをどのようにフォーマットする必要がありますか？私はで毎秒減っていくsessionSecondsLeftカウンタを持っているのですか、それともちょうどプロパティーcountdown_at_60とcountdown_finishedを持っている方が良いですか？

このためのベストプラクティスは何ですか？

DECREMENT_TIMERアクションが1秒に1回、あなたの状態を更新してしまうと、（あなたが店-デベロッパーツールを使用している場合）にも、あなたの行動ログをスパムう

Answer 1

私の提案：

アクションTIMER_RESETを作成します。あなたがそれを表示したい場合は、店にタイムスタンプを保存することができますが、1分足らずになるまでそれを必要とは思わないと思います。

@Effect() TIMER_RESET$ = this.actions$ 
    .ofType(TIMER_RESET) 
    .switchMap(
    Observable.concat(
     Observable.timer(1000*60*59).map({type: TIMER_WARNING}), 
     Observable.timer(1000*60*1).map({type: TIMER_EXPIRED}) 
    ) 
)