新しいJavaプロジェクトの研究オンラインノート-day17(V)

1.3.5ログインページ上のクリックして
ポータルページの頭の上にクリックして「ログイン|登録」ログインページのユーザー中心への接続、およびにreturnurlを運びます。
ポータルheader.htmlを変更し、次のようにコードがある:
[mw_shl_code = AppleScriptの、真の] <a href="javascript:;" @click="showlogin" v-if="logined == false">ログイン|登録する</a>
showLogin:関数(){trueに= //this.loginFormVisible;
window.locationの= " http://ucenter.xuecheng.com/#/login?returnUrl =" + Base64.encode(window.locationの)
}
[/ mw_shl_code]
1.3.6テスト
の設定を変更するための試験・認証サービスの前に:
application.yml Cookieドメイン名を変更

【mw_shl_code =アップルスクリプト、真] cookieDomain :xuecheng.com [/ mw_shl_code]
試験手順は以下の通りである:
1システムに入力www.xuecheng.com(ホストファイルを設定する必要がある)
1、および正しいパスワードアカウントを入力し、2を送信し、入力間違った口座番号とパスワード、および提出
ログインが成功すると、クッキーの店の成功かどうかを観察:
新しいJavaプロジェクトの研究オンラインノート-day17(V)

2.1要求分析
ログイン成功は、現在ログインしているページヘッダのユーザー名が表示されます。

次のように図のデータフローは次のとおりです。
新しいJavaプロジェクトの研究オンラインノート-day17(V)

1、ユーザー要求の認証サービスは、ログインが成功しています。
2、ユーザのログインが成功すると、認証サービスは、クッキーIDトークンに書き込み、Redisのにuser_token(アイデンティティトークンと認証のJWTの認証トークンを)書く
3、クライアントは、JWTを取得クッキーのIDトークン認証サービスリクエストトークンを運びます。
4、クライアントは解決のsessionStorageに保存されているJWTトークンとユーザー情報を解析します。
JWTのトークンは、ユーザーの基本的な情報が含まれ、クライアントは、JWTのユーザ情報を解析するトークンを取得することができます。
図5に示すように、クライアントのユーザ情報のsessionStorageから読み出され、ヘッダに表示されます。
sessionStorage:のsessionStorageは、同じウィンドウ内または同じタブ内のsessionStorageに格納されたデータは、唯一の有効な、セッション・ストレージ・オブジェクトH5で、データがウィンドウ内のsessionStorageを閉じた後に削除されます。
ストレージ・キー/値の方法を用いてseesionStorageは、データは、5M(異なるブラウザで異なるであろう)について記憶することができます。

おすすめ

転載: blog.51cto.com/13517854/2425669