付費限定

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

閱讀時間約 2 分鐘

前言

只要把後端對外,或者網站對外,就一定會被攻擊,有自己用自己的電腦當 server 架站過就一定知道,只要一對外,每天都會收到一些隨機的攻擊,最常見就是別人在亂試 api 看能不能猜對,通常是猜不到啦,鬼知道你的 api 長什麼樣子,更別提要帶什麼參數,能猜對真的是會通靈。
儘管如此,你可能還是不知道在哪洩露了你的 api,有可能不小心推到 github 公開,或者被勒索檔案之類的。所以我們還是要幫 api 上一道鎖比較安全。
作法就是前台這邊發 request 一定要加入 access token 作為驗證依據,後台這邊一定要要求 request 中的 access token 合法才能使用 api。那以下就開始實做吧!
以行動支持創作者!付費即可解鎖
本篇內容共 1183 字、0 則留言,僅發佈於Vue+Django+MongoDB+Nginx 從網頁全端開發到架站一次教給你你目前無法檢視以下內容,可能因為尚未登入,或沒有該房間的查看權限。
9會員
49內容數
比起詳細教學單一技能,網路上或者市面上整合多項技能的教學相對少很多,但要真的完成一項專案往往不是只靠一項技能便能做到。 而且教科書式的完整教學也比較枯燥乏味,因此我想以自身的經驗為例,以全端開發各項技能中最常用到的部分進行講解,讓讀者能夠快速上手掌握全端技能。
留言0
查看全部
發表第一個留言支持創作者!
張哲嘉的沙龍 的其他內容
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
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
霧雄沈默片刻後,走到了還未徹底死亡的白面者使者面前              “媽媽,你真的愛過我嗎?”霧雄悲傷道   “當然了,媽媽一直愛著你呦”使者面無表情的說道   “騙人,妳又在說謊了吧”霧雄顫抖道   不過白面者使者已經回應不了霧雄了,她的屍體突然燃起了熊熊大火,將屍體燒成
Thumbnail
相對於活著的生命狀態,死亡是生物學功能的永久終止,心跳停止、呼吸停止、中樞神經功能停止。當人們說要「好好活著」的活著,通常比基本定義更多,說的是在生存之上的生活。
Thumbnail
可是,即使無神論者認同禱告有益身心健康這個作用(作為與基督徒的共同語言),也不代表他們對禱告感興趣,或樂意聽我們分享禱告的經驗,他們與福音似乎還有一段很遠的距離。
Thumbnail
可能包含敏感內容
眼前來勢洶洶的性感男人此刻上身全裸,下身則解開褲頭,在床上跪膝張狂著武器,已然氣場全開,性張力爆棚,讓溫旭華不禁腿軟。加上被對方握住的手現在僅離褲內雄根幾公分遠,稍稍一動就有可能立刻碰到,害他抖得不行。 「唔、為什麼…我要摸男人的東西?」溫旭華慌張地抽開自己的手,但眼神還是控制不住直盯那存在感
Thumbnail
旅居台東30天|關於活動 月光海活動有接駁付費公車,可以先在網路上預訂,我只訂回程。 下午坐公車到都歷,先在阿美族民俗中心坐涼亭休息一下,再走進去會場,有人員管制,需要走固定的入口,再一次過來這裡還是覺得爬陂好陡。
夏天的學校正是熱死人的時候,偏偏教室還沒冷氣,而學校食堂賣的飲料又都是溫的。當然,連生物都不是的黑水沒有太熱的問題   “好好喝!可惜飲料是溫的”   教室裡,喝著飲料的由紀婉惜著飲料的溫度   “夏天喝點軟的飲料比較好吧,喝冷的飲料會讓身體變冷”   聽到由紀婉惜的宮村表示了一下自
這片白色無窮無盡。 馬車停在離醫院半山腰三公里遠,某個電車站附近。塔娜從駕駛座回到馬車內,拿出雷夫漢克椅子下的一個備用電池、她又搬出其他五個到雪地上,插了數支高大醒目的紅旗,又坐回馬匹後的駕駛座重新駕車出發。   「南方的朋友也會在這裡沒電。」她的聲音被極高風速吹遠。「離賽恩醫院只剩一段路,要
Thumbnail
19、2019年\《聚散有時》\A Time to Scatter Stones 早過了退休年齡的史卡德,感受光陰流逝──依舊保持清醒,日復一日──他深知在他最後一次沉淪之後,酒精不再是過日子的唯一理由。伊蓮有天跟他提及,一個姐妹遇到偏執的恩客,不肯讓她脫身,伊蓮建議她尋求另類協助。或許史卡德有辦法
兩者在行為上的表現都是「不去想」,但對事情發展的因應表現影響卻差異甚大。 因為不想自己的腦袋一但閒下來就會開始想些有的沒的,因此用各式各樣的娛樂填滿自己瑣碎的時間、讓自己不斷接收聲光刺激、沒有了深思人事物的餘裕。 滑貼文、手機遊戲、追劇、翻過一段又一段影片,但為何最終感覺到的還是無盡的空虛...
  琳賽再次說明:「童秧親口說了,這種日子他沒法過啊!講你又不聽,說了你又不改,做了你隨便應付,應付了一下又忘記,他沒法再忍耐了,你不讓他跑,你要他發瘋嗎?」
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
霧雄沈默片刻後,走到了還未徹底死亡的白面者使者面前              “媽媽,你真的愛過我嗎?”霧雄悲傷道   “當然了,媽媽一直愛著你呦”使者面無表情的說道   “騙人,妳又在說謊了吧”霧雄顫抖道   不過白面者使者已經回應不了霧雄了,她的屍體突然燃起了熊熊大火,將屍體燒成
Thumbnail
相對於活著的生命狀態,死亡是生物學功能的永久終止,心跳停止、呼吸停止、中樞神經功能停止。當人們說要「好好活著」的活著,通常比基本定義更多,說的是在生存之上的生活。
Thumbnail
可是,即使無神論者認同禱告有益身心健康這個作用(作為與基督徒的共同語言),也不代表他們對禱告感興趣,或樂意聽我們分享禱告的經驗,他們與福音似乎還有一段很遠的距離。
Thumbnail
可能包含敏感內容
眼前來勢洶洶的性感男人此刻上身全裸,下身則解開褲頭,在床上跪膝張狂著武器,已然氣場全開,性張力爆棚,讓溫旭華不禁腿軟。加上被對方握住的手現在僅離褲內雄根幾公分遠,稍稍一動就有可能立刻碰到,害他抖得不行。 「唔、為什麼…我要摸男人的東西?」溫旭華慌張地抽開自己的手,但眼神還是控制不住直盯那存在感
Thumbnail
旅居台東30天|關於活動 月光海活動有接駁付費公車,可以先在網路上預訂,我只訂回程。 下午坐公車到都歷,先在阿美族民俗中心坐涼亭休息一下,再走進去會場,有人員管制,需要走固定的入口,再一次過來這裡還是覺得爬陂好陡。
夏天的學校正是熱死人的時候,偏偏教室還沒冷氣,而學校食堂賣的飲料又都是溫的。當然,連生物都不是的黑水沒有太熱的問題   “好好喝!可惜飲料是溫的”   教室裡,喝著飲料的由紀婉惜著飲料的溫度   “夏天喝點軟的飲料比較好吧,喝冷的飲料會讓身體變冷”   聽到由紀婉惜的宮村表示了一下自
這片白色無窮無盡。 馬車停在離醫院半山腰三公里遠,某個電車站附近。塔娜從駕駛座回到馬車內,拿出雷夫漢克椅子下的一個備用電池、她又搬出其他五個到雪地上,插了數支高大醒目的紅旗,又坐回馬匹後的駕駛座重新駕車出發。   「南方的朋友也會在這裡沒電。」她的聲音被極高風速吹遠。「離賽恩醫院只剩一段路,要
Thumbnail
19、2019年\《聚散有時》\A Time to Scatter Stones 早過了退休年齡的史卡德,感受光陰流逝──依舊保持清醒,日復一日──他深知在他最後一次沉淪之後,酒精不再是過日子的唯一理由。伊蓮有天跟他提及,一個姐妹遇到偏執的恩客,不肯讓她脫身,伊蓮建議她尋求另類協助。或許史卡德有辦法
兩者在行為上的表現都是「不去想」,但對事情發展的因應表現影響卻差異甚大。 因為不想自己的腦袋一但閒下來就會開始想些有的沒的,因此用各式各樣的娛樂填滿自己瑣碎的時間、讓自己不斷接收聲光刺激、沒有了深思人事物的餘裕。 滑貼文、手機遊戲、追劇、翻過一段又一段影片,但為何最終感覺到的還是無盡的空虛...
  琳賽再次說明:「童秧親口說了,這種日子他沒法過啊!講你又不聽,說了你又不改,做了你隨便應付,應付了一下又忘記,他沒法再忍耐了,你不讓他跑,你要他發瘋嗎?」