2017年11月19日 星期日

安裝 XAMPP PHP 架站工具包

由於在載入從 Hostinger 備份下來的 .sql 檔後發現我筆電 AppServ 裡的 phpMyAdmin 無法正常運作, 原本想重裝 AppServ, 但想到如果原因是 AppServ 裡面的 phpMyAdmin 版本太舊的話, 重裝應該也無法解決問題, 既然要重新架設本機伺服器, 何不試試看很受歡迎的 XAMPP 工具包?

我找到下面這篇文章, 依照其描述下載了 XAMPP 免安裝版, 解壓後放在 E 碟 (我筆電資料碟分割是 E 不是 D), 據作者說這樣就可避免因為安裝版預設安裝在 C 帶來的 UAC 權限困擾. 也對, 這樣就不用每次做測試都要複製檔案到 C:\Appsserv\www 下了.

XAMPP 網頁伺服器架站工具設定與使用教學

XAMPP 官網如下 :

https://www.apachefriends.org/zh_tw/index.html

按首頁最上方 Appache Friends 後面的 "下載" 連結, 會看到 Windows 目前都只有 32 位元版本 :




但這些都是安裝版, 下載免安裝的 zip 檔要按下方的 "更多檔案" 進入 SourceForge 檔案下載網站 :

https://sourceforge.net/projects/xampp/files/

點選 XAMPP Windows 連結 :



點選最新的 7.1.11 版連結 :




會發現有三個免安裝檔案 (portable), 由上而下分別是 .exe, .7z, 與 .zip 壓縮檔, 都可以用, 我下載的是第一個 .exe 壓縮包, 它會導引整個解壓縮過程 :




執行下載的 xampp-portable-win32-7.1.11-0-VC14-installer.exe 壓縮包會先看到如下提示訊息, 因為偵測到我的電腦有啟用 UAC, 為了避免權限問題不要將 XAMPP 解壓縮到 C 碟下面 :




 所以接下來指定解壓縮路徑時要改為非 C 碟 (此處為 E:\XAMPP), 注意, 路徑名稱要全部是英數字, 千萬不要有中文字 :




選擇全部元件 :




這樣就完成解壓過成了, 接下來要先點選 XAMPP 路徑下的 setup_xampp.bat 檔執行路徑設定, 它會打開一個 DOS 畫面, 執行完直接關掉即可 :




如果將此 XAMPP 放到隨身碟或複製到其他電腦, 第一件事情便是執行這個 setup_xampp.bat 更新路徑才能使用 XAMPP.

接下來就可以點選 xampp-control.exe 進入 XAMPP 控制面板, 首先會出現語言選擇, 只有英語與德語, 預設英語即可 :




按 Save 即顯示 XAMPP 的控制台, 但預設似乎隱藏了右邊一排按鈕, 這時要按住視窗右下角向右拉即顯示全景如下 :




按右上角的 Config 按鈕可設定 XAMPP 的文字編輯器, 預設的記事本不好用, 我將其改為習慣的 EditPlus, 也可以設定為 Notepad++ :




在啟動 Apache 與 MySQL 伺服器之前還要將資料庫認證模式從預設較不安全的 "Config" 模式改成較安全的 Cookie 模式或最安全的 http 模式, 按 Appache 第三個按鈕 "Config", 點選 "phpMyAdmin(config.inc.php)" :




這時會用上面設定的預設編輯器開啟 config.inc.php 檔, 將 $cfg['Servers'][$i]['auth_type'] 改為 cookie 或 http 存檔即可. 以上即完成所有設定, 可以按 Appache 與 MySQL 的第一個按鈕 "Start" 開啟伺服器了. 這時會跳出 Windows 安全性警訊, 都必須按 "允許存取" 才會啟動這兩個伺服器 :






看到 Apache 與 MySQL 的第一個按鈕都變成 Stop 即表示兩個伺服器都起來了, 可見 Apache 打開了 80 (HTTP 用) 與 443 埠 (HTTPS 用); 而 MySQL 預設打開 3306 埠, 參考 :

常用 TCP Port作用(各種Port介紹)

這時在瀏覽器輸入 localhost 或 127.0.0.1 應該會顯示 XAMPP 的 dashboard 網頁 :




按右上角的 PHPInfo 顯示 PHP 資訊; 按 phpMyAdmin 鈕則進入 MySQL 資料庫管理網頁 (現已改名為相容之 MariaDB), 輸入管理帳號 root, 預設無密碼直接按執行鈕即可 :




若要設定密碼, 登入後按上方的 "使用者帳號" 鈕, 點選欲設定密碼之帳號右邊的 "編輯權限" :




然後按上面的 "修改密碼" 鈕 :




輸入密碼按執行即可 (我慣用的密碼 mysql 竟然是即弱) :




這樣登出後再登入就必須輸入密碼了, 若要取消密碼就選最上方的 "無密碼", 一般在本機測試其實不需要設密碼. 接下來就可以把自己的 PHP 專案目錄放在 xampp 的 hdoc 目錄下, 例如我的是 E:\xampp\htdocs, 在瀏覽器中輸入 http://localhost/myproject 即可測試專案網頁矣.

What's the difference between utf8_general_ci and utf8_unicode_ci

2018-04-29 補充 :

今天將鄉下 Win10 電腦裡面的 AppServ 移除改安裝 xampp, 照上面修改 MySQL 密碼後出現 "無法連線: 設定錯誤" 訊息 :



查 Google 找到下列網頁 :

xampp設定mysql密碼後phpmyadmin無法登入的解決方法

我照其說明去改 config.inc.php 檔  "Authentication type and info" 內的 password 為 "mysql" (原為空白) :

/* Authentication type and info */
$cfg['Servers'][$i]['auth_type'] = 'config';
$cfg['Servers'][$i]['user'] = 'root';
$cfg['Servers'][$i]['password'] = 'mysql';
$cfg['Servers'][$i]['extension'] = 'mysqli';
$cfg['Servers'][$i]['AllowNoPassword'] = true;
$cfg['Lang'] = '';

存檔後再次開啟 PHPMyAdmin 就不會出現錯誤訊息了. 早知就直接改檔案就好了.

6 則留言 :

匿名 提到...

http://www.uniformserver.com/

小狐狸事務所 提到...

這個似乎不錯用, 感謝您分享!

所以我說李嚴 那個醬汁呢 提到...

想問如果要本機端測試動態網站要怎麼做呢?
目前的結構方式好像只能預覽靜態的,謝謝。

小狐狸事務所 提到...

剛安裝好時 Apache 預設網頁是靜態沒錯, 你要改寫 index.php 讓它動起來, 用 PHP 控制輸出.

小狐狸事務所 提到...

找一本 PHP 的書 (茶米老師黃信溢寫的 php 書就很棒) 照章學習很快就能上手喔.

小狐狸事務所 提到...

xampp 就是讓你在本機就能模擬遠端伺服器, 等系統寫好了再租個虛擬主機上傳即可.