建立 HTML 頁面(HTML Pages)

延續建立 WAF 規則(WAF Rules),這篇文章將會說明如何套用自己撰寫的錯誤頁面。以下將示範如何完成下圖第 6 點,在 EDGE 上新增名為 hello_world 的 HTML 頁面。

範例網頁 / 建立 HTML 頁面

進入域名管理 / HTML 頁面的頁面,並按下左上角的「創建」。

域名管理 / HTML 頁面

以示範新增 HTML 頁面 hello_world 來說:

  1. 找到「HtmlPage Name」的欄位,填寫 hello_world。
  2. 再找到「HtmlPage Upload」的欄位,上傳已經撰寫好的 HTML 檔案。
  3. 繼續往下滑,找到「HtmlPage Content」,檢查上傳的 HTML 代碼。
  4. 找到「HtmlPage Preview」,預覽 HTML 畫面。
  5. 根據預覽的 HTML 畫面,往上滑回到「Rid Position」的欄位,這邊我選擇「Bottom Left」,避免錯誤訊息擋住畫面內容。
  6. 按下儲存。
HTML 頁面 / 建立 HTML 頁面的步驟一和二,填寫 HtmlPage Name 和上傳 HTML 代碼
HTML 頁面 / 建立 HTML 頁面的步驟三和四,檢查上傳的 HTML 代碼和畫面
HTML 頁面 / 建立 HTML 頁面的步驟五,修改 Rid Position
HTML 頁面 / 建立 HTML 頁面的步驟六,再度確認 HTML 畫面並儲存

完成後,就會看到剛剛創建的 HTML 頁面 hello_world 顯示出來了。

HTML 頁面 / 成功創建一個 HTML 頁面 hello_world

接下來,切換到域名管理 / 域名物件 / WAF 規則的頁面,找到操作的欄位,按下修改 deny_all。

WAF 規則 / 修改 deny_all

找到「阻擋頁面」的欄位,選擇剛剛建立的 hello_world,並按下儲存。

WAF 規則 / 套用 HTML 頁面的步驟

再度瀏覽範例網頁 https://nindomain.ninja.tw,出現剛剛創建的錯誤頁面,說明如下:

  1. 錯誤碼:代表這一次請求的事件 ID。
  2. 時間軸:請求當下的日期與時間。
  3. 識別:請求者的 IP。
  4. 錯誤:01 - 01 - 000 是平台的請求日誌狀態碼,代表「平台主動斷開 - 命中 WAF 規則裡的 deny 動作 - Lua API」。
範例網頁 / WAF 規則套用 HTML 頁面後的畫面
💡
1. 有關 HTML 頁面的參數定義,可延伸閱讀 HTML 頁面參數
2. 有關平台的請求日誌狀態碼,可以延伸閱讀 iNODE NINJA 請求日誌狀態碼