Microsoft Word - Wi-Fi AP Controller與WiNOC介接整合設定簡易手冊_ doc

Size: px

Start display at page:

Download "Microsoft Word - Wi-Fi AP Controller與WiNOC介接整合設定簡易手冊_ doc"

泗支
5 years ago
Views:

Wi-Fi AP/Controller 與 WiNOC 介接整合設定簡易手冊 Author: Frederic Liu Latest update: 6/2/2016 1.

連線 WiNOC Web Admin http://winoc_ip/winoc/, 登入為設備管理員 (toplocadmin/a1234) B.

1 Wi-Fi AP/Controller 與 WiNOC 介接整合設定簡易手冊 Author: Frederic Liu Latest update: 6/2/ 如何介接整合 WiNOC 與 AP/Controller 依以下步驟可以完成與無線 AP/Controller 介接, 進行無線認證 A. 連線 WiNOC Web Admin 登入為設備管理員 (toplocadmin/a1234) B. 進入後, 點選編輯 > 新增單一設備, 將 AP/Controller 的 IP 位址設定為 RADIUS client 設備, RADIUS 共用密碼設為 winoc B.1. B.2. [ 請另外進入 AP/Controller 設定介面, 將 RADIUS Server 指向 WiNOC IP,shared key 也要設一樣 winoc, 認證方法設定為 PAP] [AP/Controller 也要將 RADIUS Accounting Server 指向 WiNOC, 才能讓登入成功的使用者在 WiNOC 顯示為線上 ] 1

[ 請進入 AP/Controller 設定介面, External Portal

2 C. 連線 WiNOC Web Admin 以使用者管理員 (toporgadmin/a1234) 登入新增單一使用者帳號 test 密碼 test ( 一般已經有新增此帳號, 如果 test 帳號已經存在跳過新增 ) D. [ 請進入 AP/Controller 設定介面, External Portal 指向無線連線此網頁認證的 SSID, 行動裝置瀏覽器嘗試上網會成功轉向網頁, 會看到以下登入畫面 2

3 E. 先用帳密 test / test, 測試是否登入成功可上網如果不行請連線 WiNOC Web Admin 登入為使用者管理員 (toporgadmin/a1234), 查看 WiNOC 事件記錄, 應該會有 RADIUS Access-Request, 及 Access-Accept 及 Accounting Request 的事件記錄 3

F. 如果確認設定正確, 仍然沒有看到 Access Request 事件, 建議下載 Wireshark 抓取網路封包,filter 設定過濾 radius, 查看 RADIUS 封包是否有傳送過來正常情況登入成功上網時 RADIUS 封包流應該為 RADIUS Client (AP/Controller) Access Request Access Accept Accounting

4 F. 如果確認設定正確, 仍然沒有看到 Access Request 事件, 建議下載 Wireshark 抓取網路封包,filter 設定過濾 radius, 查看 RADIUS 封包是否有傳送過來正常情況登入成功上網時 RADIUS 封包流應該為 RADIUS Client (AP/Controller) Access Request Access Accept Accounting Request (Start) Accounting Response RADIUS Server (WiNOC) 如果完全沒有收到 Access Request, 請檢查防火牆及相關路由, 確認網路是連通的如果持續收到 Access Request,WiNOC 完全沒有回應 Access Accept 或 Access Reject, 請檢查上述步驟 (B),AP/Controller 的 IP 是否在 WiNOC 裡正確設定為 RADIUS client 並擁有正確的 shared key 4

5 2. 如何修改 WiNOC HotspotWeb 登入歡迎頁面目前 HotspotWeb 提供 Logon.aspx(PC 版登入頁 )MLogon.aspx( 行動版登入頁 ) 與 Policy.aspx( 使用約定條款 ) 頁, 這兩頁採用 ASP.NET 主版頁面 (Master Page) 技術來維持美工風格的一致性, 並且支援中英文語言切換主版頁面透過讀取 WebMore.config 中與美工客製化相關的設定值, 來調整各網頁區塊的大小, 並且將存放於 C:\Inetpub\wwwroot\HotspotWeb\CustomizedUI\images\ 的 banner.gif 圖檔顯示為 PC 版網頁橫幅而 mobilebanner.gif 顯示為行動版網頁橫幅 ;lang_1028.gif lang_1033.gif 圖檔顯示為語言切換按鈕注意 : C:\Inetpub\wwwroot\HotspotWeb\CustomizedUI\ 目錄下的檔案與 WebMore.config 在 HotspotWeb 網頁程式被移除後仍會保留, 因此客製化所做的修改在 HotspotWeb 程式重新安裝更新後仍會存在 2.1. 版面區塊主版面以 Logon.aspx 為例, 各區塊說明如下 : Main Division: 主要區塊, 可以透過 WebMore.config 中的 MainDivAlign 設定值來改變此區塊在瀏覽器中的位置是置中或是靠左 Banner : 圖形橫幅, 顯示 C :\Inetpub\wwwroot\HotspotWeb\CustomizedUI\images\banner.gif 寬度由 BannerWidth 設定值控制 ( 預設為 900 px), 高度 BannerHeight 由設定值控制 ( 預設為 5

6 140 px) 行動版橫幅為 mobilebanner.gif, 寬度由 MobileBannerWidth 設定值控制 ( 預設為 800 px), 高度 MobileBannerHeight 由設定值控制 ( 預設為 140 px) 注意 : 預設 banner.gif 的大小為 900 x 150, 但是由於語言切換按鈕與 banner 區塊的邊緣有 10 px 的空間, 因此 BannerHeight 預設為 = 140 px mobilebanner.gif 的高度與 MobileBannerHeight 也有相同關係 Language Buttons: 橫幅中之語系切換按鈕寬度由 LanguageButtonWidth 設定值控制 ( 預設為 80 px), 高度 LanguageButtonHeight 由設定值控制 ( 預設為 35 px) AD Division: 廣告連結區廣告連結資訊儲存於 C:\Inetpub\wwwroot\HotspotWeb\CustomizedUI\AdInfo.xml 廣告圖片檔儲存於 C:\Inetpub\wwwroot\HotspotWeb\CustomizedUI\images\ 可以透過 MainDivAlign 設定值來改變此區塊在 Main Division 區塊中的位置是置中或是靠左 Policy.aspx: Logon.aspx 頁包含跳到 Policy.aspx 頁的超連結在 WebMore.config 中, 與版面區塊有關之設定項目如下圖 : 因此, 要客製化版面區塊, 需要製作新的 banner.gif (mobilebanner.gif) lang_1028.gif 與 lang_1033.gif 圖檔, 並且修改 WebMore.config 中與版面區塊尺寸與對齊方式的設定值網頁字型與顏色配置的修改, 則如 2.2 節字型與色彩配置說明 2.2. 字型與色彩配置網頁的字型與色彩配置, 由 C:\Inetpub\wwwroot\HotspotWeb\CustomizedUI\Hotspot.css 來控制, 行動版則為 MobileHotspot.css 主版頁面套用到 Hotspot.css 中定義的樣式如下圖 : 6

$css 可以調整網頁字體框線與顏色配置等 2.3. 網頁顯示文字 Logon.aspx 頁中顯示的文字, 是根據所選的語系讀取 C:\Inetpub\wwwroot\HotspotWeb\CustomizedUI\res\< 語系代碼 >\Logon.aspx.xml 來填入 ; 其中 < 語系代碼 > 可為 1028( 繁體中文 ) 或 1033( 英文 ) 行動版登入頁為 MLogon.$

7 Banner: 定義橫幅底圖 (banner.gif) 與上左右框線粗細和顏色 Button: 當程式偵測到是手機存取網頁時, 按鈕使用此樣式來放大顯示 MainBody: 定義主要內容區的下左右框線粗細和顏色 FootArea: 定義廣告區的下左右框線粗細和顏色另外,Hotspot.css 也含有網頁字體與超連結樣式的定義因此修改 Hotspot.css 可以調整網頁字體框線與顏色配置等 2.3. 網頁顯示文字 Logon.aspx 頁中顯示的文字, 是根據所選的語系讀取 C:\Inetpub\wwwroot\HotspotWeb\CustomizedUI\res\< 語系代碼 >\Logon.aspx.xml 來填入 ; 其中 < 語系代碼 > 可為 1028( 繁體中文 ) 或 1033( 英文 ) 行動版登入頁為 MLogon.aspx, 對應之文字資源檔則為 MLogon.aspx.xml Policy.aspx 頁中內容區塊, 是根據所選的語系讀取 C:\Inetpub\wwwroot\HotspotWeb\CustomizedUI\res\< 語系代碼 >\policy.htm 來填入 ; 其中 < 語系代碼 > 可為 1028( 繁體中文 ) 或 1033( 英文 ) 7

因此網頁顯示的文字, 可以透過修改 Logon.aspx.xml MLogon.aspx.xml 與 policy.

8 因此網頁顯示的文字, 可以透過修改 Logon.aspx.xml MLogon.aspx.xml 與 policy.htm 檔來加以變更注意 : 必須要修改 Logon.aspx.xml MLogon.aspx.xml 與 policy.htm 中的客戶名稱文字 ( 例如行政院研究發展考核委員會要取代成外交人員領事講習所 ) 2.4. 廣告連結廣告連結的資訊儲存於 C:\Inetpub\wwwroot\HotspotWeb\CustomizedUI\AdInfo.xml 中, 可以修改這個檔來加入更多廣告連結 8

9 AdInfo.xml 中, 每一個廣告連結資訊定義於 <ad> 與 </ad> 所包夾的區塊, 增加更多的 <ad></ad> 區塊可讓網頁顯示更多的廣告連結每一個廣告連結包含以下資訊 : ImageUrl: 廣告圖片的路徑, 形式為 ~/CustomizedUI/images/< 圖檔檔名 > 廣告連結的圖檔, 必須放置於 C:\Inetpub\wwwroot\HotspotWeb\CustomizedUI\images\ 內 NavigateUrl: 廣告連結的 URL 注意 : 廣告連結之 URL, 必須設定於認證閘道器之 Walled Garden 區, 才能讓這些廣告連結在使用者尚未通過認證時仍能存取 Caption: 廣告連結的標題, 會顯示為滑鼠提示文字 9

第五章

第五章湯顯祖牡丹亭及晚明時期改作與仿作之研究 - 185 - 第五章牡丹亭於晚明時期之仿作牡丹亭自萬曆二十六年 (1598A.D.) 完成之後, 所引起的迴響不僅是晚明文人為了演出需求之改編, 圍繞著湯顯祖及其劇作所展開的, 還有後世學者爭