セッション（JWT）がReact/Reduxで期限切れになったときに警告する方法

Question

React/Reduxアプリケーションで期限切れのセッションについてユーザーに警告する方法はありますか？

サーバはJWTトークンでユーザを認証し、Reactは本当にそのようなトークンの存在を知らないので、ブラウザは自動的にそれを処理します。フェッチと転記の場合、Reduxはデータまたはエラーの状態を設定します。

APIエンドポイントにアクセスしようとしたときに応答を受動的にチェックし、有効期限フィールドを使用してクライアント側のタイムアウトを設定したり、セッションの妥当性を確認したり、私は特に、保存されていない変更をユーザーが気にしていて、できるだけ早くセッションを終了したことをユーザーに知らせたいと思っています。

Answer 1

私の現在のアプローチは、アプリケーションの起動時に、のlocalStorageでJWTを格納することです、私はそれが失敗した場合、ちょうどその後/ログインに

をリダイレクトし、トークンを使用してユーザーデータをロードしようと、トークンをロードしています私は、店舗ではなくapiモジュールでのみjwtを使用しています。 APIモジュールは、認証失敗を認識した場合は、トークンとするときではない

を使用する際

私のAPIモジュールが要求に基づいて知っている、それはまた...それがロードすることはできませんので、次回のlocalStorageからトークンを削除します。

また、reduxと分離されている私のapiモジュールは、いつjwtを使うべきかを知っています。

場合、私は、ペイロードは、これは私がAPIモジュールにtrowing午前誤りがあるNot Authenticated

errorと値であれば、すべてのアクションに反応するミドルウェアを、作成したこの作品はより抽象的にするために認証のためにサーバーの応答が失敗します。 actionCreatorはエラーをcatchに送信し、ミドルウェアはそれに反応します。

実際にそれを行う方法、私が話しているすべてのコードは〜100 LOCなので、このようなことを処理しているメソッドです。