• Home
  • Joomla! 入門與導覽
  • 在自己的電腦上建立網頁伺服器

在自己的電腦上建立網頁伺服器

要使用 Joomla 或任何 CMS,或者希望在電腦上測試自己寫的網頁,你必須要具備執行伺服器的環境。一般來說最常用的伺服器軟體是 Apache, 另外在程式語言上,我們會搭配 PHP 語言與 MySQL 資料庫,才能夠執行常見的 Joomla 或 Wordpress 等架站軟體。

當然,以上介紹的只是常見的組合而已,以伺服器來說還有 LighHttpd、NginX、Microsoft IIS 等選擇,語言上最近熱門的包含 Ruby、Phyton、NodeJS、JAVA 等,資料庫軟體則有 MariaDB、Oracle、MS SQL、PostgreSQL 等。由於不同環境能執行的程式各有不同,有興趣的人可以自行研究。我們在此將只以 Apache + PHP + MySQL 的組合做教學。

快速架站包

Apache, PHP 與 MySQL 並非天生就組合在一起,如果要讓我們每次都分別安裝三者,再調整設定讓他們相互合作,可能老命就去了一半。因此,市面上流行許多套快速架站包,只要安裝起來,就把常見伺服器環境準備妥當了。這些架站包有 Windows 的 WAMP,Mac 的 MAMP,以及通用的 XAMPPAMPPS,至於以前很紅的 AppServ 因太久沒更新則不再推薦使用。

事先準備

建議初學者要先準備一套方便編輯程式碼的純文字編輯器,盡量不要用記事本,會有點辛苦。這邊推薦幾套許多人常用的:

一個好用的程式編輯器可以幫你替程式碼上色,方便編輯網頁檔案。

下載 XAMPP 並安裝

我們將以 XAMPP 作為教學,先前往 XAMPP 官網,首頁就能看到下載按鈕,讓我們先下載到電腦上吧。

p-2014-07-15-1.jpg

點擊安裝檔開始安裝。

p-2014-07-15-2.jpg

安裝程式會詢問你要不要客製安裝項目,可以維持預設就好,XAMPP 除了基礎伺服器環境以外,也提供了一些開發用工具。

p-2014-07-15-4.jpg

安裝位置請保持預設。 Mac 會在 /Application/XAMPP 下面。

p-2014-07-15-5.jpg

Bitnami 可自行選擇要不要安裝,再這裡我們不會用上他。

p-2014-07-15-6.jpg

設定完成就開始安裝過程了,請稍後片刻。

p-2014-07-15-7.jpg

安裝完成,我們可以立刻打開 Control Panel 來啟動伺服器。

p-2014-07-15-8.jpg

啟用 XAMPP

這是 XAMPP 的主控台,一開始所有功能都尚未啟用,我們來把 Apache 與 MySQL 的 Start 按下去。

p-2014-07-15-9.jpg

Windows 上可能會有安全性提醒,Mac 上則可能要求輸入使用者密碼。

p-2014-07-15-10.jpg

現在兩者應該都亮綠燈了,表示我們的伺服器正常運作。

p-2014-07-15-11.jpg

打開瀏覽器,輸入 localhost127.0.0.1 應該就會看到 XAMPP 的歡迎畫面了。

p-2014-07-15-12.jpg

可以按下中文進到 XAMPP 的網頁控制台。 localhost 與 127.0.0.1 是一組特殊的網址,用來代表「自己」。如果此時你的電腦有實體 IP 且對外開放,則其他人只要輸入這個 IP 就能夠打開你的 XAMPP 網頁囉。

p-2014-07-15-13.jpg

這些 XAMPP 網頁放在哪裡呢,就在我們剛剛安裝的 xampp 資料夾下面,Windows 是 C:\xampp\htdocs ,Mac 是 /Application/XAMPP/htdocs。我們打開這個資料夾後會看到如下的檔案,這些就是網頁檔案。

p-2014-07-15-14.jpg

現在讓我們來建立自己的網頁。用文字編輯器輸入 <h1>Hello World</h1>

p-2014-07-15-15.jpg

然後存檔成 hello.html ,放在 htdocs 下面。

p-2014-07-15-16.jpg

接著再到瀏覽器輸入 localhost/hello.html 應該就能看到你的網頁了。同樣的,你的電腦如果已經指定好 IP 或網址,則外面的人只要輸入 http://xxx.xxx.xxx/hello.html 就能看見 Hello World 囉。

p-2014-07-15-17.jpg

用 phpMyAdmin 存取資料庫

首先,我們會建議要設定好 MySQL 的密碼後再開始使用資料庫,因為許多 Web 程式不允許空密碼。先回到 XAMPP 網頁管理台,按下左邊的「安全」連結,會看到安全性設定頁面。

我們依照指示按下下方的連結開始設定密碼。

p-2014-07-15-18.jpg

此時如果出現亂碼,則建議改回英文版,從左邊按下即可。

p-2014-07-15-19.jpg

依照說明,替 MySQL 的 root 帳號設定密碼。其他項目建議暫時不要更動。

p-2014-07-15-20.jpg

設定完成後,我們在網址列輸入 localhost/phpmyadmin 就會進到 phpMyAdmin 的介面,輸入 root 的帳號與剛剛更改的密碼。

p-2014-07-15-21.jpg

成功進到 phpMyAdmin ,至於 phpMyAdmin 如何使用,這裡就不贅述了,有興趣者可以從網路或書店發現很多教學。

p-2014-07-15-22.jpg

ukash birim çevirme saç ekimi estetik