付費限定

[19] JWT --part4: interceptor & api authentication

更新於 2024/10/09閱讀時間約 2 分鐘

前言

只要把後端對外,或者網站對外,就一定會被攻擊,有自己用自己的電腦當 server 架站過就一定知道,只要一對外,每天都會收到一些隨機的攻擊,最常見就是別人在亂試 api 看能不能猜對,通常是猜不到啦,鬼知道你的 api 長什麼樣子,更別提要帶什麼參數,能猜對真的是會通靈。
儘管如此,你可能還是不知道在哪洩露了你的 api,有可能不小心推到 github 公開,或者被勒索檔案之類的。所以我們還是要幫 api 上一道鎖比較安全。
作法就是前台這邊發 request 一定要加入 access token 作為驗證依據,後台這邊一定要要求 request 中的 access token 合法才能使用 api。那以下就開始實做吧!
以行動支持創作者!付費即可解鎖
本篇內容共 1183 字、0 則留言,僅發佈於Vue+Django+MongoDB+Nginx 從網頁全端開發到架站一次教給你你目前無法檢視以下內容,可能因為尚未登入,或沒有該房間的查看權限。
avatar-img
9會員
49內容數
比起詳細教學單一技能,網路上或者市面上整合多項技能的教學相對少很多,但要真的完成一項專案往往不是只靠一項技能便能做到。 而且教科書式的完整教學也比較枯燥乏味,因此我想以自身的經驗為例,以全端開發各項技能中最常用到的部分進行講解,讓讀者能夠快速上手掌握全端技能。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
張哲嘉的沙龍 的其他內容
State management 首先我們先來寫一些前台存 token 和刪除 token 的方法在 vuex sate management,檔案位置在 src/store/index.ts Login 接下來我們來寫一下登入頁面在 src/components/login.vue ,以下是 sc
django 這邊需要使用 Django REST framework (drf) 及 drf 官方推薦實作 JWT 的 Django-rest-framework-simplejwt 這兩個套件。 settings.py 再來設定 django 的 back_end/settings.py 引入,
session & token 驗證機制早期是用 session,server 這裡會發一個 session 給 client,並在資料庫記錄這個 session 屬於誰,而且每個裝置都會記一組 session,這會造成 server 這邊需要記錄大量的資料。 後來發展出 token,client
講完 get 來講 post,那這兩個 call api 的方法有什麼差別呢?先記得一個原則,要傳遞機密的資料用 post,如果要傳遞的參數被別人知道也無所謂就用 get post 是傳遞資料到後台,資料不會顯示在 url 上,get 是傳遞參數到後台,參數會直接顯示在 url 上和後端的終端上,像
前端和後端溝通,最常用就是 get 和 post 後端 先在 django 專案這邊的 views.py 內建立一個讓前端以 get 方法呼叫的 api function1 內的第一個參數是前端的 request,之後第二個參數第三個參數可以隨便你設,這倒是沒有限制 用 request.GET 這個
接下來要講前後端怎麼溝通,最常見應該都是用 axios, ajax 或 fetch 來 call api。先講結論,個人推薦使用 axios,那他們又有什麼優缺點呢?讓我簡單講解一下 ajax ajax 用法有點麻煩,要先引入 jQuery,用法如下 ajax 比起 axios 較為笨重也較不安全
State management 首先我們先來寫一些前台存 token 和刪除 token 的方法在 vuex sate management,檔案位置在 src/store/index.ts Login 接下來我們來寫一下登入頁面在 src/components/login.vue ,以下是 sc
django 這邊需要使用 Django REST framework (drf) 及 drf 官方推薦實作 JWT 的 Django-rest-framework-simplejwt 這兩個套件。 settings.py 再來設定 django 的 back_end/settings.py 引入,
session & token 驗證機制早期是用 session,server 這裡會發一個 session 給 client,並在資料庫記錄這個 session 屬於誰,而且每個裝置都會記一組 session,這會造成 server 這邊需要記錄大量的資料。 後來發展出 token,client
講完 get 來講 post,那這兩個 call api 的方法有什麼差別呢?先記得一個原則,要傳遞機密的資料用 post,如果要傳遞的參數被別人知道也無所謂就用 get post 是傳遞資料到後台,資料不會顯示在 url 上,get 是傳遞參數到後台,參數會直接顯示在 url 上和後端的終端上,像
前端和後端溝通,最常用就是 get 和 post 後端 先在 django 專案這邊的 views.py 內建立一個讓前端以 get 方法呼叫的 api function1 內的第一個參數是前端的 request,之後第二個參數第三個參數可以隨便你設,這倒是沒有限制 用 request.GET 這個
接下來要講前後端怎麼溝通,最常見應該都是用 axios, ajax 或 fetch 來 call api。先講結論,個人推薦使用 axios,那他們又有什麼優缺點呢?讓我簡單講解一下 ajax ajax 用法有點麻煩,要先引入 jQuery,用法如下 ajax 比起 axios 較為笨重也較不安全
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
霧雄沈默片刻後,走到了還未徹底死亡的白面者使者面前              “媽媽,你真的愛過我嗎?”霧雄悲傷道   “當然了,媽媽一直愛著你呦”使者面無表情的說道   “騙人,妳又在說謊了吧”霧雄顫抖道   不過白面者使者已經回應不了霧雄了,她的屍體突然燃起了熊熊大火,將屍體燒成
Thumbnail
相對於活著的生命狀態,死亡是生物學功能的永久終止,心跳停止、呼吸停止、中樞神經功能停止。當人們說要「好好活著」的活著,通常比基本定義更多,說的是在生存之上的生活。
Thumbnail
可是,即使無神論者認同禱告有益身心健康這個作用(作為與基督徒的共同語言),也不代表他們對禱告感興趣,或樂意聽我們分享禱告的經驗,他們與福音似乎還有一段很遠的距離。
Thumbnail
可能包含敏感內容
眼前來勢洶洶的性感男人此刻上身全裸,下身則解開褲頭,在床上跪膝張狂著武器,已然氣場全開,性張力爆棚,讓溫旭華不禁腿軟。加上被對方握住的手現在僅離褲內雄根幾公分遠,稍稍一動就有可能立刻碰到,害他抖得不行。 「唔、為什麼…我要摸男人的東西?」溫旭華慌張地抽開自己的手,但眼神還是控制不住直盯那存在感
Thumbnail
旅居台東30天|關於活動 月光海活動有接駁付費公車,可以先在網路上預訂,我只訂回程。 下午坐公車到都歷,先在阿美族民俗中心坐涼亭休息一下,再走進去會場,有人員管制,需要走固定的入口,再一次過來這裡還是覺得爬陂好陡。
夏天的學校正是熱死人的時候,偏偏教室還沒冷氣,而學校食堂賣的飲料又都是溫的。當然,連生物都不是的黑水沒有太熱的問題   “好好喝!可惜飲料是溫的”   教室裡,喝著飲料的由紀婉惜著飲料的溫度   “夏天喝點軟的飲料比較好吧,喝冷的飲料會讓身體變冷”   聽到由紀婉惜的宮村表示了一下自
這片白色無窮無盡。 馬車停在離醫院半山腰三公里遠,某個電車站附近。塔娜從駕駛座回到馬車內,拿出雷夫漢克椅子下的一個備用電池、她又搬出其他五個到雪地上,插了數支高大醒目的紅旗,又坐回馬匹後的駕駛座重新駕車出發。   「南方的朋友也會在這裡沒電。」她的聲音被極高風速吹遠。「離賽恩醫院只剩一段路,要
Thumbnail
19、2019年\《聚散有時》\A Time to Scatter Stones 早過了退休年齡的史卡德,感受光陰流逝──依舊保持清醒,日復一日──他深知在他最後一次沉淪之後,酒精不再是過日子的唯一理由。伊蓮有天跟他提及,一個姐妹遇到偏執的恩客,不肯讓她脫身,伊蓮建議她尋求另類協助。或許史卡德有辦法
兩者在行為上的表現都是「不去想」,但對事情發展的因應表現影響卻差異甚大。 因為不想自己的腦袋一但閒下來就會開始想些有的沒的,因此用各式各樣的娛樂填滿自己瑣碎的時間、讓自己不斷接收聲光刺激、沒有了深思人事物的餘裕。 滑貼文、手機遊戲、追劇、翻過一段又一段影片,但為何最終感覺到的還是無盡的空虛...
  琳賽再次說明:「童秧親口說了,這種日子他沒法過啊!講你又不聽,說了你又不改,做了你隨便應付,應付了一下又忘記,他沒法再忍耐了,你不讓他跑,你要他發瘋嗎?」
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
霧雄沈默片刻後,走到了還未徹底死亡的白面者使者面前              “媽媽,你真的愛過我嗎?”霧雄悲傷道   “當然了,媽媽一直愛著你呦”使者面無表情的說道   “騙人,妳又在說謊了吧”霧雄顫抖道   不過白面者使者已經回應不了霧雄了,她的屍體突然燃起了熊熊大火,將屍體燒成
Thumbnail
相對於活著的生命狀態,死亡是生物學功能的永久終止,心跳停止、呼吸停止、中樞神經功能停止。當人們說要「好好活著」的活著,通常比基本定義更多,說的是在生存之上的生活。
Thumbnail
可是,即使無神論者認同禱告有益身心健康這個作用(作為與基督徒的共同語言),也不代表他們對禱告感興趣,或樂意聽我們分享禱告的經驗,他們與福音似乎還有一段很遠的距離。
Thumbnail
可能包含敏感內容
眼前來勢洶洶的性感男人此刻上身全裸,下身則解開褲頭,在床上跪膝張狂著武器,已然氣場全開,性張力爆棚,讓溫旭華不禁腿軟。加上被對方握住的手現在僅離褲內雄根幾公分遠,稍稍一動就有可能立刻碰到,害他抖得不行。 「唔、為什麼…我要摸男人的東西?」溫旭華慌張地抽開自己的手,但眼神還是控制不住直盯那存在感
Thumbnail
旅居台東30天|關於活動 月光海活動有接駁付費公車,可以先在網路上預訂,我只訂回程。 下午坐公車到都歷,先在阿美族民俗中心坐涼亭休息一下,再走進去會場,有人員管制,需要走固定的入口,再一次過來這裡還是覺得爬陂好陡。
夏天的學校正是熱死人的時候,偏偏教室還沒冷氣,而學校食堂賣的飲料又都是溫的。當然,連生物都不是的黑水沒有太熱的問題   “好好喝!可惜飲料是溫的”   教室裡,喝著飲料的由紀婉惜著飲料的溫度   “夏天喝點軟的飲料比較好吧,喝冷的飲料會讓身體變冷”   聽到由紀婉惜的宮村表示了一下自
這片白色無窮無盡。 馬車停在離醫院半山腰三公里遠,某個電車站附近。塔娜從駕駛座回到馬車內,拿出雷夫漢克椅子下的一個備用電池、她又搬出其他五個到雪地上,插了數支高大醒目的紅旗,又坐回馬匹後的駕駛座重新駕車出發。   「南方的朋友也會在這裡沒電。」她的聲音被極高風速吹遠。「離賽恩醫院只剩一段路,要
Thumbnail
19、2019年\《聚散有時》\A Time to Scatter Stones 早過了退休年齡的史卡德,感受光陰流逝──依舊保持清醒,日復一日──他深知在他最後一次沉淪之後,酒精不再是過日子的唯一理由。伊蓮有天跟他提及,一個姐妹遇到偏執的恩客,不肯讓她脫身,伊蓮建議她尋求另類協助。或許史卡德有辦法
兩者在行為上的表現都是「不去想」,但對事情發展的因應表現影響卻差異甚大。 因為不想自己的腦袋一但閒下來就會開始想些有的沒的,因此用各式各樣的娛樂填滿自己瑣碎的時間、讓自己不斷接收聲光刺激、沒有了深思人事物的餘裕。 滑貼文、手機遊戲、追劇、翻過一段又一段影片,但為何最終感覺到的還是無盡的空虛...
  琳賽再次說明:「童秧親口說了,這種日子他沒法過啊!講你又不聽,說了你又不改,做了你隨便應付,應付了一下又忘記,他沒法再忍耐了,你不讓他跑,你要他發瘋嗎?」