angular中使集成jwt進行token身份加密,解密驗證

一 、安裝jwt依賴模塊
npm install @auth0/angular-jwt --save

二、在 app.module.ts 中引入 JwtModule 這個模塊(注意,引入該模塊的同時也要引入 HttpClientModule 模塊)如下:

其中是 whitelistedDomains 白名單,blacklistedRoutes 是黑名單,添加以後那些可以訪問驗證,那些不可以訪問

下面是jwt的源碼,可以有助於理解該模塊

三、在需要的組件中引入JwtHelperService服務 ,該服務下有幾個函數可以認識下

我的項目中用到的只有這個方法,其他的具體作用還不太瞭解,有哪位小夥伴知道可以分享下。

其中decodeToken方法的參數就是在前端頁面登錄成功以後後臺返回的token,通過解密就可以知道後臺在token中的攜帶的具體參數。


想要整理更多的碎片知識,掃碼關注下面的公衆號,讓我們在哪裏接着嘮!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章