Nebula 無線網路 網頁認證設定教學

選項
Zyxel小編 Corey
Zyxel小編 Corey 文章數: 145  Zyxel Employee
First Anniversary Friend Collector First Comment
已編輯 五月 2023 於 Nebula 常見問題

前言

本文將向您展示三種通過 WiFi 啟用網頁認證方式 :

1.點擊繼續

2.使用外部網頁認證 URL

3.或使用強制通過 Nebula Cloud 身份驗證對用戶進行身份驗證。

文章最後向您展示如何設定用戶何時應重新進行身份驗證、使用嚴格的策略阻止用戶連接網路、如何避免 IT 管理員需要手動對用戶進行身份驗證等。以及如何通過 HTML 和 CSS 自定義您的網頁認證頁面。

行前準備

  1. 登錄到您的 Nebula 控制中心
  2. 選擇您的組織
  3. 確保您的 AP 已在線上

設定教學

在以下的範例中，我們為客戶新增一個訪客 SSID (WiFi)，我們希望他們的設備進入互聯網之前通過我們的網頁認證。

  1. 設定點擊同意完成驗證的網頁認證模式
    1.1 編輯 WiFi SSID
    1.2 編輯 SSID 進階功能
    1.3 編輯網頁認證客製化
    1.4 驗證設定成果
  2. 設定外部 URL 網頁認證 
    2.1 啟用外部 URL 網頁認證
    2.2 編輯網頁認證進階功能
  3. 設定透過 Nebula 雲端帳號認證的網頁認證
    3.1 編輯網頁認證登入方式
    3.2 編輯網頁認證進階功能
    3.3 新增 Nebula 雲端認證帳號
    3.4 驗證設定成果
  4. 網頁認證進階功能說明
    4.1 重新認證設定
    4.2 編輯通過網頁認證後續動作
    4.3 網頁認證頁面風格、樣式調整

1) 設定點擊同意完成驗證的網頁認證模式

1.1 編輯 WiFi SSID

a) 前往設定頁面 Site-wide -> Configure -> WiFi SSID settings.

b) 啟用“Advanced mode” 即可看到 SSID 所有設置。

c) 啟用 "Guest Network" 如下圖:

d) 點擊 "Save" 儲存設定

image.png

 

1.2 編輯 SSID 進階功能

a) 前往設定頁面 Site-wide -> Configure -> Access points -> SSID Advanced settings

b) 勾選 "Click-to-continue" ，讓訪客必須點擊同意才能繼續使用無線網路。

c) 點擊 "Save" 儲存設定

image.png

 

1.3 編輯網頁認證客製化

a) 前往頁面 Site-wide -> Configure -> Access points -> Captive Portal Customization

b) 如果你想上傳你的 logo，你可以通過點擊 "Choose file" 來完成

image.png

c) 確認 logo 已上傳成功後，可編輯 "Message" 調整網頁認證頁面顯示的訊息，也可以由 "Success page" 自訂網頁認證登入成功後，所顯示的頁面訊息。

image.png

d) 點擊 "Save" 儲存設定

 

1.4 驗證設定成果

image.png
image.png

 

在日誌中，顯示用戶已使用 ClickToContinue 通過網頁認證

image.png

2) 設定外部 URL 網頁認證 

2.1 啟用外部 URL 網頁認證

如果您有自己的網頁認證頁面，Nebula 可以設定您的網址，導航到指定網頁認證頁面

Site-wide -> Configure -> Access points -> Captive Portal Customization

滾動滑鼠頁面往下到 External Captive Portal URL 並以以下格式輸入 URL：

https://example.com
image.png

2.2 編輯網頁認證進階功能

因為我們使用外部 URL 作為網頁認證頁面強制門戶，因此需要啟用 Walled garden(白名單)，並將此 URL 加入清單。 

Site-wide -> Configure -> Access points -> Captive Portal Customization
image.png

3) 設定透過 Nebula 雲端帳號認證的網頁認證

3.1 編輯網頁認證登入方式

前往以下頁面

Site-wide -> Configure -> Access points -> SSID advanced Settings

選擇要開啟網頁認證的 SSID，將 "Sign-in method" 更改為 "Nebula Cloud Authentication"。

image.png

 

3.2 編輯網頁認證進階功能

image.png

a) Walled Garden - "Walled garden ranges" 是允許用戶在尚未通過網頁認證的情況，仍然允許連接的網站（例如 192.168.1.34、192.168.1.0/24、https://zyxel.com）。如果您有特定網頁希望無須認證即可連接，可以於此欄位輸入網站或 IP 地址。

b) Self-registration - 允許用戶新增自己的認證帳號，然後選擇 IT 管理員是否需要接受他們的請求，或者是否自動接受他們的請求。也可以拒絕用戶自行新增認證帳號。

c) Simultaneous login limit - 限制相同帳號同時登入的數量

d) Scrict Policy - 選擇認證成功之前的策略，封鎖所有流量或是允許連接 HTTPS 的服務 

e) Reauth time - 為已經登錄的用戶選擇一個特定的重新認證時間。默認設置為“Follow site-wide Settings”，默認設置為“Every day”。這意味著用戶需要在第二天進入訪客 WiFi 時重新進行網頁認證。

f) NCAS disconnect behavior - 如果 Nebula 雲服務器無法連線並且用戶無法通過網頁認證進行身份驗證，請選擇是否要允許用戶繼續上網，或者是否在 Nebula 雲服務器恢復連線之前封鎖所有網路連線。

 

3.3 新增 Nebula 雲端認證帳號 

透過此頁面新增訪客網頁認證帳號，如果您想讓訪客自行建立帳號，則可以跳過此步驟。

a) 前往頁面 Site-wide -> Configure -> Cloud Authentication

image.png

b) 點擊 "Add" 新增一個認證帳號

image.png

c) 輸入帳號資訊，新增完成

image.png

 

3.4 驗證功能

a) 連上 WIFI 顯示網頁認證，點擊 "Register an account" 註冊帳號

image.png
image.png
image.png

b) 檢查電子郵件收件箱以確認您的電子郵件

點擊 "Please confirm your account here":

image.png

然後使用者將確認電子郵件並收到此消息：

image.png

c) 更新用戶

因為我們選擇了嚴格的 "Self-registration (詳細查看 3.2 章)"，所以管理員需要在 Nebula 手動授權用戶，用戶才能使用該帳號登入認證。 

image.png

 

注意!

如果我們不想手動授權，請通過以下位置，將其更改為"Allow users to create accounts with auto authorized"

Site-wide -> Configure Access points -> SSID advanced Settings

然後選擇訪客 SSID 並滾動滑鼠向下到 "Captive portal Advance Setting"

image.png

 

d) 輸入註冊完成的帳號密碼登入

image.png

 

4) 網頁認證進階功能說明

4.1 重新認證設定

a) 前往頁面 Site-wide -> Configure -> Site Settings

b) 前往頁面 "Captive Portal Reauthentication" 選擇是否希望用戶每半小時、每天、每 30 天等進行身份驗證。

image.png

 

4.2 編輯通過網頁認證後續動作

用戶通過網頁認證成功登錄後，您可以選擇讓用戶停留在 "success page"，或者您可以將用戶重轉導到另一個 URL - 您的網站，或者您公司用於促銷目的網站。

image.png

 

4.3 網頁認證頁面風格、樣式調整

4.3.1 網頁認證頁面有什麼可以自訂的？

您可以為用戶自定義整個網頁認證頁面，您可以在其中編輯按鈕、字體、顏色和其他外觀。

4.3.1.1 用戶登錄頁面 user_login.html

image.png

 

4.3.1.2 認證成功頁面 success.html

image.png

 

4.3.1.3 點擊完成認證頁面 click_to_continue.html

image.png

 

4.3.1.4 驗證碼登入頁面 voucher.html

voucher 認證教學可參考此篇文章

image.png

 

4.3.1.5 社交網站登錄（Facebook 登錄）頁面 social_login.html

image.png

 

4.3.1.6 CSS 頁面 (for Color.css, Icon.css and layout.css)

若不熟悉 HTML 語法，建議不要調整設定。

image.png

image.png
image.png

 

4.3.2 新建您自己的自定義網頁認證頁面

a) 前往頁面

Site-wide -> Configure -> Access points -> Captive Portal Customization

b) 然後在原本主題點擊 "Copy"，將出現另一個副本。

image.png

c) 於 Copy of Modern 點擊 "edit"

image.png

 

d) 點擊任何物件以自定義其顏色、字體或顯示內容

image.png

image.png

4.3.2.1 成果

image.png

 

4.3.3 Edit HTML code

您還可以通過點擊頁面上的 “<>” 按鈕來編輯網頁認證的 HTML code。

image.png

如下圖，管理員即可自行編輯的 HTML code

image.png

 

分類

Zyxel Help Center

EnglishTiếng ViệtРусскийไทย中文（台灣）