feathers.jsとJWTで「remember me」機能を実装する方法

Question

フェザーはauthにJSON Webトークンを使用します。条件付きでトークンのexpiresInプロパティを設定するには、「remember me」がチェックされているかどうかに依存します。

Answer 1

JWTを覚えていない方法は、クライアント側にそれを保存することではありません。認証でFeathersクライアントを使用している場合、トークンはfeathers-jwtとしてlocalStorageに格納されます。 、あなたは私を覚えてクリックした場合、私はどうすべきだと思うものです - この方法は、（潜在的なセキュリティ上の意味を持つ）ハックです：あなたは

localStorage.removeItem('feathers-jwt') 

Answer 2

更新思考を呼び出すことにより、次のブラウザセッションのために、それは「unremember」缶有効期限が切れるか、存在しない場合は、新しいトークンを自動的に発行するために使用するリフレッシュトークンを発行する必要があります。私は羽毛の開発者が何を示唆しているのか聞いてみたいと思います。私はこれを見て、もっと良い解決策を見つけたら報告します。

ユーザが私を覚えていれば有効期限のあるトークンが発行されます。そうでない場合は、セッションセッションCookieが発行され、ブラウザセッションが終了すると（ブラウザが閉じられると）削除されます。 feathers.authentication（< 1.x ??）のJSON Webトークン（JWT）を使用する場合は、localStorageなどのストレージプロバイダにJSON Webトークン（JWT）を格納しています。ブラウザが閉じた後でログイントークンを消したい場合は、sessionStorageを使用してください。

私の現在のソリューションは、私がログインしたときに私のフォームの値に応じて、両方を使用することです。ユーザーが選択した場合は（私がチェックされていない覚えている場合も同様にstorage.setShouldPesist(false)）私はこれを配置しますstorage.setShouldPersist(true)と呼ぶことにします「私を覚えています」 localstorageのフラグで、 "localStorage"モードであることを示します。私はダックタイプのストレージ（getItem、setItemなど）をfeather.authenticationに渡して、私のremembermeキーが存在するかどうかを調べます。その場合はlocalStorageを使用し、それ以外の場合はsessionsStorageを使用します。ここで

コードです：

// localOrSessionStore.js 
const { localStorage, sessionStorage } = global; 

export default function localOrSessionStore({ key }) { 
    let shouldPersist = localStorage.getItem(key) === 't'; 

    return { 
    setShouldPersist(persist) { 
     shouldPersist = !!persist; 
     if (persist) { 
     localStorage.setItem(key, 't'); 
     } else { 
     localStorage.removeItem(key); 
     } 
    }, 

    getItem(name) { 
     if (shouldPersist) { 
     return localStorage.getItem(name); 
     } 

     return sessionStorage.getItem(name); 
    }, 

    setItem(name, value) { 
     if (shouldPersist) { 
     return localStorage.setItem(name, value); 
     } 

     return sessionStorage.setItem(name, value); 
    }, 

    removeItem(name) { 
     if (shouldPersist) { 
     return localStorage.removeItem(name); 
     } 

     return sessionStorage.removeItem(name); 
    }, 
    }; 
} 

次に使用：

# feathers.js - where I set up feathers for my app 
export const storage = localOrSessionStore({ key: 'myapprmbr' }); 
export default feathers() 
    .configure(rest('/api').fetch(fetch)) 
    .configure(feathers.hooks()) 
    .configure(feathers.authentication({ 
    storage, // Passed into feathers-auth here 
    tokenKey: 'myappjwt', 
    }); 

新しいfeathers-authetication@>=1.xとfeathers-authetication-clientパッケージは、より良い私を覚えて可能に私はまだ慣れていないよいくつかの変更を、持っています機能性。