輕量級伺服器設置 1.HFS檔案伺服器架設實務與演練 2.AppServ與網路架站概說 3.AppServ+Xoops架設實務與演練 報告人： 國立鳳新高級中學 林光耀

1.HFS檔案伺服器架設實務與演練 1-1 HFS功能與概念介紹 1-2 網路架站基本概念介紹 1-3 Step by Step示範與實作 1-4 學生實作與問題排除 時間配置：100分鐘(二堂課)

1-1 HFS功能與基本概念 架設伺服器的經驗? 你曾架設過伺服器嗎? 如果有的話，是哪種伺服器呢? 我們常用的搜尋引擎、即時通訊、電子信箱、網路遊戲等都屬於伺服器哦

檔案通常存在哪個網站？ 有時我們會需要把檔案放在網路上，你通常都會用何種方式上傳？又放在哪個網站呢？

自己架設網路硬碟？ 優點 硬碟多大，容量就有多大 不限流、不限速 使用自己整理的目錄 缺點 電腦必須一直開機並保持連線 占用自己的頻寬與硬體資源

HFS：Http File Server HFS是一個網路硬碟伺服器 預覽畫面如圖，可以透過網站連結的方式直接與我們PC裡的檔案溝通

HFS是一個網路硬碟伺服器 檔案下載 檔案下載 7

檔案上傳 檔案上傳

檔案點擊數紀錄 檔案點擊數紀錄

檔案權限管理 權限管理

1-2 網路架站基本概念 網路運作架構示意圖 myHFS.com.tw 68.180.206.184:80 使用者(client)端 使用者透過網址或IP從網際網路連線到伺服器 如果是網址, 則會透過DNS server將其轉換為IP 根據IP經由網路導向到我們的網路卡， 連線建立後經過防火牆，連線到HFS軟體 使用者(client)端 伺服器(server)端 網路運作架構示意圖

網路運作架構 瀏覽器：使用者瀏覽與伺服器連線的軟體。 IP：伺服器在網路上的位址。如Hinet的IP是202.39.224.7。 DNS：提供網址轉成IP的服務。如Hinet的網址是http://www.hinet.net/。 Port：伺服器開放的連線口。如FTP是21、網站是80，而HFS正是預設使用80。 網路卡：網路連線的硬體。 防火牆：伺服器篩選連線的軟/硬體。 伺服器軟體HFS：提供伺服器服務。

1-3 示範與實作步驟 1.取得最新HFS軟體 官方網站：http://www.rejetto.com/hfs/ 或自行搜尋網路上中文版本

2.防火牆警告… 第一次打開HFS.exe可能會出現防火牆限制畫面，請允許其連線於公用網路方才能從外部連線

3.介面介紹 目前使用Port 連線紀錄 選單 檔案分享路徑 現在的連線的使用者狀態

Port說明 Port 80不必特別指向。 其他Port要特別指向，如：5566，8080。

4.新增資料夾

虛擬與實體資料夾 Real folder：直接對應至主機的資料夾。 Virtual folder：可以從HFS做刪除新增檔案。

5.伺服器瀏覽 HFS上會列出連線網址： 本機測試網址：http://localhost

對照圖 Real folder Virtual folder

使用者管理 MENU→Other options→User accounts…

使用者管理：新增帳號 以[add]新增一個使用者user，並設定其密碼(Password)

6.權限設置 A.讀取權限 檔案夾 →Restrict access →user @anoymous 任何人皆可讀取 user (如前述add新增帳號)

B.上傳權限 檔案夾→Upload →Upload for accounts →user Anyone 任何人皆可上傳 user

登入資料夾

7.檔案上傳

上傳檔案 以[瀏覽]選取檔案→[Upload files] 開始上傳

上傳結果

[Menu]→Self Test (1~3分鐘) 8.其他設置 自我連線測試 [Menu]→Self Test (1~3分鐘) 連線測試可以測試自己的HFS是否可以與外部電腦溝通，並指出可能是防火牆與分享去的問題等適當的建議

[Menu]→Edit HTML template 如果熟悉HTML與CSS的同學可以直接修改其HTML樣本檔，打造屬於自己獨一無二的HFS

[Menu]→[Limits]→Speed limit: disabled 連線速度限制 [Menu]→[Limits]→Speed limit: disabled 如果連線速度沒有限制的話，家中網路很可能被一兩個下載連線給癱瘓了 在此可以設定連線速度限制，以KB/s為單位

1-4 學生實作時間 學生實作時間。 請實作上有問題的同學舉手發問！ 教師協助排除處理。

2.AppServ與網路架站概說簡介 2-1 網站伺服器、資料庫與其管理、 網頁程式語言基本概念介紹 2-2 Appserv功能與概念介紹 2-3 Appserv安裝示範 時間配置：50分鐘(一堂課)

我們現在所使用的各大網站，背後的原理是甚麼呢? 2-1 網站伺服器概念 我們現在所使用的各大網站，背後的原理是甚麼呢? 35

伺服器架構示意圖 使用者(client)端 伺服器(server)端 36 網站伺服器會依據後端程式語言和資料庫伺服器存取資料 (但使用者也能直接和資料庫伺服器存取) 網站伺服器和資料庫伺服器可以分開運作，也可以在同一台主機上運作 使用者(client)端 伺服器(server)端 36

伺服器架構 網頁瀏覽器：提供瀏覽網頁的軟體，執行前端網頁程式語言等。 例如：IE、Firefox、Chrome、Opera… 網頁伺服器軟體：提供網頁的傳送，處理目錄對應、執行後端網頁程式語言等。 例如：Apache、IIS、lighttpd… 資料庫伺服器軟體：提供後端程式語言存取資料。如使用者資料、留言板文章等。 例如：MySQL、MS-SQL…

前後端網頁程式語言 前端：無法直接與資料庫連線。 後端：處理與資料庫、伺服器程式的連線。 HTML(基本網頁)、JavaScript、ActionScript(前端程式)、CSS(樣式)…。 後端：處理與資料庫、伺服器程式的連線。 PHP、ASP.NET、RoR、JSP、Perl…。

前後端網頁程式語言 搜尋框、超連結、圖片：HTML 字體顏色、分欄(左選單、中新聞、右廣告)：CSS 中間選單(新聞、運動、娛樂)切換：JavaScript 新聞/廣告文字、搜尋功能：PHP+資料庫

2-2 Appserv功能與概念 AppServ為一個自由軟體套件安裝檔：包含 1.網站伺服器軟體(Apache) 2.後端網頁程式語言(PHP) 3.資料庫(MySQL) 4.資料庫管理軟體(phpMyAdmin) 安裝AppServ 就能架設一台網站伺服器! 40

2-3 Appserv安裝示範 1.取得Appserv 官方網站：http://www.appservnetwork.com/ 41

2.安裝Appserv

設定安裝路徑

2.安裝Appserv

設定安裝項目 請以預設勾選所有項目下一步 45

3.設定網站服器名稱、 管理員信箱、Port Server Name和Administrator ‘s Email可以隨意填不影響伺服器運作 (注意的是不要有空白與其他字元否則可能無法開啟) 可以嘗試修改Port看看 46

4.設定Mysql管理員密碼 (Server Setting不用理會) 47

5.完成安裝

允許防火牆 49

6.安裝測試 網址列輸入http://localhost:Port 50 如出現此畫面則代表本機網站伺服器架設成功；若沒有則要檢查是否已經安裝過其他伺服器(Port衝突)、或尚未開啟Apache 50

控制與設定 開始→所有程式→ AppServ 可以設定Apache、 MySQL的開關、移 除、更改密碼等。 51 Server by Manual和Server by Service功能都是管理Server，但是運作方式不同 Manual需要登入使用者才執行 Service則不需要登入，Windows系統載入即會執行 51

3.Appserv+Xoops架設實務與演練 3-1 介紹CMS 3-2 Step by Step示範與實作 3-3 學生實作與問題排除 時間配置：100分鐘(二堂課)

3-1 內容管理系統(CMS) CMS：將各種文字、圖片、音樂等資料內容整理以網站呈現與管理的系統。 XOOPS：台灣有許多網站開發使用的CMS。 模組與樣板數量多，屬自由軟體(GPL)，架設容易；支援繁體中文，是相當適合初學者入門的CMS。 其他CMS：Joomla!，Drupal， MediaWiki，WordPress … CMS為一個負責將”內容”管理的系統，內容又可為文字、圖像、影片等任何內容。 CMS有快速建置互動式網站的優點，透過CMS的模組功能，又能擴充許多架站常用的功能如檔案上傳、相簿、線上播放器等。 XOOPS為台灣相當多網站使用的CMS，開發社群和模組資源龐大， 且是自由軟體，不必擔心授權問題；繁體中文支援，是相當適合初學者入門的CMS 53

使用XOOPS的網站 臺北市立教育大學附小

中華民國殘障體育運動總會

XOOPS主要功能 A.區塊管理 透過滑鼠拖曳就能將網站排版

B.會員管理 支援多會員使用網站

C.模組管理 可安裝各式各樣的模組

D.內容管理 可以管理部落格、相簿、檔案等。 需要安裝相關模組。

3-2 示範與實作步驟 1.下載XOOPS 安裝AppServ， 並且記得當初輸入的MySQL root 密碼。 將XOOPS解壓縮， 其內的htdocs更改名稱為xoops。 將xoops放入AppServ， 預設 C:\AppServ\www\。

2.開始安裝 瀏覽器輸入http://localhost/xoops/。 選擇"正體中文UTF8版"，點選下一步。 62 Big5則是只有繁體中文，且可能漏字不建議使用 62

安裝介紹 根據其建議調整後，按下一步。

檢查安裝設定與路徑設定 AppServ沒有安裝好，[安裝設定]將無法通過。 [路徑設定]不需改，直接點選下一步。

資料庫連接設定 請於[資料庫用戶密碼]輸入MySQL密碼。 本畫面之Strict Standards是本機問題，可以直接忽略 65

初始設定 設定管理員帳號/信箱/密碼。

3.安裝XOOPS

網站設定 設定網站名稱與標語，Meta資訊則有助於其他人使用搜尋引擎找到我們的網站。

選擇預設佈景

安裝模組 此為設定XOOPS內建的模組，建議安裝 70

安裝完成

4.安裝完成 以後輸入http://你的IP/xoops就能連到你的XOOPS了！

5.模組安裝 XOOPS有相當多的模組，這些模組由其他使用者貢獻，模組將網站功能給模組化。 需要部落格功能，就安裝部落格模組(Simple Blog，XPress)。 需要相簿功能，就安裝相簿模組(Photo Gallery，xcGallery2)。 XOOPS模組列表:台灣PHP聯盟 http://twpug.net/modules/tinycontent/index.php?id=1

模組安裝範例：istats Istats是訪客計數器，可以紀錄多少人來拜訪過你的網站。 功能如下： 每小時、每日、每週、每月流量分析。 瀏覽頁面分析表。 訪客系統分析表(瀏覽器、作業系統、解析度、上線主機) 。 可以設定顯示計數區塊或是分析區塊。 日期顯示格式的設定。 可自訂Cookie的有效時間。

istats

安裝istats模組 進入管理區 取得istats模組(XOOPS模組列表) 將資料夾(istats)解壓縮到XOOPS的模組資料夾(modules) C:\AppServ\www\xoops\modules 進入管理區 以管理員帳號登入你的XOOPS 選擇[會員選單] -> [管理區]

管理畫面 選擇[模組] 警告提示可以暫時不理會

模組管理 選擇[安裝模組]

安裝istats 在Web Stats(istats)右方選擇安裝

確認安裝istats 點選安裝開始安裝istats 80

確認安裝istats 首頁選單將出現(流量統計) 同樣地，網路上其他模組的安裝方式也大多相同 81

期末報告基本規定說明 時間配置：50分鐘(一堂課) 報告主題自訂。 線上Xoops實做: 例如：不老騎士討論網。 線上Wordpress實做: 例如：我的個人部落格。 設計系統：請使用網路上任一個線上系統自己的。例如：Xoops、HFS、Wordpress、Gallery2…等。 內容不拘，可自由發揮。例如：用途、系統使用心得、瀏覽畫面…等。

問題討論 vs 經驗分享 謝謝各位指教