# 網頁伺服器簡介 ### 主講人:黃夙賢 --- ## Client-Server架構 - client(瀏覽器)、server(網頁伺服器) ![](https://i.imgur.com/AQgQsyd.png) --- ## 著名的網頁伺服器 ![](https://i.imgur.com/CMuelOE.png) --- ## Apache - 由Apache基金會開發,世界上使用率最高的網頁伺服器 - 屬於程式碼開放的共享軟體 - LAMP – Linux + Apache+MySQL(MariaDB) +PHP - 安裝套件 - XAMPP、WAMPP ![](https://i.imgur.com/0Q57xJP.png) --- ## Nginx - 非同步框架的網頁伺服器 - 超級輕量化、效能超越apache的網頁伺服器 - https://www.nginx.com/ ![](https://i.imgur.com/PzwrRYr.png) --- ## IIS - 由微軟公司提供的基於運行Microsoft Windows的網頁伺服器 ![](https://i.imgur.com/gEy5Edn.png) --- ## Xampp - XAMPP是一套整合Apache網頁伺服器、MariaDB資料庫、PHP的網站架設工具整合包 - 由Apache Friends維護與開放原始碼的免費軟體 ![](https://hackmd.io/_uploads/SJFw96k1p.png =500x) --- ## XAMPP - [下載連結](https://www.apachefriends.org/zh_tw/download.html) ![](https://hackmd.io/_uploads/SJpoi6ky6.png =600x) --- ## XAMPP安裝 - 不建議安裝在c:\program files - 建議安裝在c:\xampp目錄 ![](https://hackmd.io/_uploads/HkOb3pJJT.png) --- ## 安裝過程 ![](https://hackmd.io/_uploads/Byfv3pJ16.png =300x) ![](https://hackmd.io/_uploads/Hypd2pk1T.png =300x) ![](https://hackmd.io/_uploads/SyY92pyya.png =300x) ![](https://hackmd.io/_uploads/SkBk66yJa.png =300x) --- ## 啟動XAMPP - XAMPP Control Panel (控制介面) ![](https://hackmd.io/_uploads/ryqWRTkyp.png) --- ## Control Panel - apache預設80 port,要注意80 port是否被使用,如果被使用必須使用其他port ![](https://hackmd.io/_uploads/Hk5IC6yJp.png =600x) --- ## 如何修改預設port - httpd.conf (apache的設定檔) ![](https://hackmd.io/_uploads/ryHqAa1yp.png =700x) --- - 找到"Listen 80" -> "Listen 8080" ![](https://hackmd.io/_uploads/rkJu1A1k6.png) --- ## 啟動Apache伺服器 - 出現PID、Port資訊,代表啟動成功 - http://localhost:8080/ - 如果防火牆有開啟80(或者8080)port,則可以從任何地方連結自己的伺服器 http://我的ip:8080/ ![](https://hackmd.io/_uploads/BJHoJCyyp.png =500x) --- ## 啟動成功 ![](https://hackmd.io/_uploads/HyTzeAJJp.png =700x) --- ## 網頁根目錄 - XAMPP的Apache伺服器,預設的網頁放置目錄,位於c:\xampp\htdocs - 預設網頁為index.html ![](https://hackmd.io/_uploads/By0KgCk1p.png) ---
{"metaMigratedAt":"2023-06-17T12:14:20.911Z","metaMigratedFrom":"YAML","title":"網頁伺服器簡介","breaks":true,"contributors":"[{\"id\":\"ef0225b9-6c2a-4012-82c9-fa1031d2c4db\",\"add\":2022,\"del\":15}]"}
    611 views