iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 24
0
自我挑戰組

軟體開發商新手 PM 30 個第一次系列 第 24

【第 24 個第一次】 網頁上有時候會看到的 404 是甚麼 ? 用秘書小故事來說明常見的 5 系列回應

  • 分享至 

  • twitterImage
  •  

Day 24 - 一下 Error 400 Bad Request,一下 HTTP Error 504

這其實是昨天晚上的鐵人賽發生的 QAQ, 我重新審視文章的時候做了修改,改完後就跳 Error 400 Bad Request...
https://ithelp.ithome.com.tw/upload/images/20201008/20094570k5jPpJkl88.png

然後就想到很多專案的設計稿都會畫上 404 的頁面,就來查查這些數字的意思,也可以來評斷以後網頁有問題是我們還是客戶的用法導致,也可以初步做評斷。

大家好,我是 Jade Chang
先前任職於科技外商,主要負責對於 Developers 的開發經驗體驗,過去 5-6 年出沒於技術社群以及大專院校。嘗試過直播節目、技術黑客松、帶狀節目系列以及線上短期活動等行銷策略,半年前轉職到台灣在地的軟體開發商,從事行銷與專案經理,也合夥新創了一間數位公司,超展開職涯要開始囉!!!

這些三位數代表的意思是甚麼?

這些大家常聽到的 404/500/200/403 在網頁上見到的三位數,他們是 HTTP Status Code - HTTP 狀態碼,表示網頁伺服器傳輸協定的結果,用 3 位數字來表示回應傳輸結果。

這些被規範的數字總共有五大種類 (來源: Wiki - HTTP 狀態碼)

  • 1xx - 訊息
  • 2xx - 成功
  • 3xx - 重新導向
  • 4xx - 客戶端錯誤
  • 5xx - 伺服器錯誤

從大家最耳熟能詳的 404 開始

HTTP 404 或 Not Found 多半出現的時候是網站讀去的頁面已經不存在或是被移動走,也有很多時候是使用者自己 Key URL 輸入錯誤導致。代表瀏覽網頁時,伺服器無法正常提供訊息,或是伺服器無法回應。像是拿公司官網舉例,我隨便在後面路徑上面放上 /128,因為根本沒有這網頁存在,就顯示了 404 訊息,通常製作專案設計時也會把 404 設計進去,讓使用者在網站上使用時如果不小心到不存在的頁面,還有畫面知道到底發生甚麼事。

https://ithelp.ithome.com.tw/upload/images/20201008/20094570Tvh5fWRNou.png

其他 4 開頭常見的好朋友

  • 400 Bad Request - Server 看不懂使用者所送出的需求,不能也不會處理這個動作。
  • 403 Forbidden - 使用者在這網站上權限不足,因此被 Server 禁止進入。
  • 408 Request Timeout - 使用者在頁面上太久都沒有送東西給 Server,導致時間超過頁面失效。

多半 4 開頭的網頁錯誤訊息都是由客戶端的做為所導致,可以進一步先釐清使用者在網頁上的行為模式再來判別是廠商的程式碼有誤還是使用者手誤。

常見的還有 5 系列

5 開系列被歸納在伺服器端的錯誤,伺服器因為發生錯誤或是無法回應用戶端的 Request 而吐回 5XX 的數字回應
常看到的會是

  • 502 Bad Gateway - 客戶端從網頁提出需求給 Server,但 Server 再往上游取資訊時卻得不到回應。
  • 503 Server Unavalible - 目前的伺服器無法處理,但這個狀況是暫時的,並且將在一段時間以後恢復。
  • 504 Gateway Timeout - 使用者透過網頁提出 Request,Server 往上游取資料時花的時間過長所顯示的回應。

我們家工程師用這樣的小故事來形容,喔這比喻我超愛,這是一個【客戶打電話給秘書說要找老闆】的故事..

  • 秘書請客戶稍等她去找找,結果回答找不到老闆,這個狀況就是 502
  • 秘書直接電話裡就說今天公司公休一天,明天會營運,這狀況就是 503
  • 秘書請客戶稍等她去找找,結果找太久客戶在線等太久不開心,這狀況就是 504

One more thing!

歡迎訂閱我 Medium 或是透過 Facebook 一起來交流

https://ithelp.ithome.com.tw/upload/images/20201001/20094570epR6m0wwAd.png


上一篇
【第 23 個第一次】 用說故事來認識 API 與 SDK
下一篇
【第 25 個第一次】 為什麼專案需要版本控制? Git 與 GitHub 關係是?
系列文
軟體開發商新手 PM 30 個第一次30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言