輕量級伺服器設置 1.HFS檔案伺服器架設實務與演練 2.AppServ與網路架站概說 3.AppServ+Xoops架設實務與演練

Presentation on theme: "輕量級伺服器設置 1.HFS檔案伺服器架設實務與演練 2.AppServ與網路架站概說 3.AppServ+Xoops架設實務與演練"— Presentation transcript:

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

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

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

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

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

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

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

8 檔案上傳 檔案上傳

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

10 檔案權限管理 權限管理

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

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

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

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

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

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

17 4.新增資料夾

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

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

20 對照圖 Real folder Virtual folder

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

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

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

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

25 登入資料夾

26 7.檔案上傳

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

28 上傳結果

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

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

31

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

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

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

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

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

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

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

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

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

41 2-3 Appserv安裝示範 1.取得Appserv 官方網站： 41

42 2.安裝Appserv

43 設定安裝路徑

44 2.安裝Appserv

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

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

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

48 5.完成安裝

49 允許防火牆 49

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

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

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

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

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

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

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

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

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

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

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

61

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

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

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

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

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

67 3.安裝XOOPS

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

69 選擇預設佈景

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

71 安裝完成

72 4.安裝完成 以後輸入

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

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

75 istats

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

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

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

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

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

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

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

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