[安裝教學] 007 安裝 XAMPP (Windows、MAC)

飛飛 | 2023-04-29

環境安裝 - Windows 安裝 XAMPP 的注意事項

  • XAMPP 是一個 PHP 的集合開發環境，會選擇 XAMPP 作為這次的練習環境是因為其中已經包含了 Apache + MySQL + PHP
  • 下載 XAMPP: XAMPP
  • 安裝 XAMPP:
    • 只保留 Apache、MySQL、PHP、phpMyadmin，其他的都不要勾選:

      Windows XAMPP install

  • 看到控制介面及代表 XAMPP 安裝成功:

    Windows XAMPP control panel

  • 開啟 Apache 跟 MySQL 的服務:

    Windows XAMPP start Apache and MySQL

  • 開啟瀏覽器，輸入網址: http://localhost，如果看到以下畫面，就代表 Apache 啟動成功:

    Windows XAMPP index

For Mac

  • 雖然我們可以直接安裝課程會需要的 Apache2, MySQL, PHP，但由於課程需求，會希望可以一樣有 XAMPP 的環境，好在 XAMPP 本來就有 Mac 的版本，而且已經有支援 Aarm 的 M1, M2 CPU 了，因此可以直接安裝。

  • 下載之後直接點會拿到 Mac 的 .dmg 安裝檔，點擊裡面的 installer 就會看到 xampp 的安裝畫面了。


  • MacOS 的 XAMPP 的選項中並沒有如 Windows 中的套件選擇，基本上就是如圖所示一個 XAMPP core files 一個 XAMPP developer files，其中 core files 裡面包含了我們需要的 Apache2, MySQL, PHP 等等檔案，而 developer files 則是常見的開發輔助套件，基本上兩個都勾選就好。

  • 之後就是一路往下一步就對了，直到最後安裝完成，Launch XAMPP 之後，如果看到如下畫面就代表安裝成功了。

  • 管理服務的畫面則是在 Manage Servers 裡面，可以看到有 Apache Web Server 等等服務的編輯畫面，並且可以看到 Apache 已經在運作了，因此我們查看 localhost 有沒有看到 Apache 的預設頁面，如果也看到了，就代表環境跟安裝都沒有問題了。


  • 今天的課程還會用到 phpmyadmin，但 Mac 版本的 XAMPP 沒有安裝，因此要另外安裝 phpmyadmin，先去 phpMyAdmin 的官網 https://www.phpmyadmin.net/ 下載最新的 phpMyAdmin，並且解壓縮。

  • 打開熟悉的 Terminal 並且使用下面 sudo mv ~/Downloads/phpMyAdmin-5.2.0-all-languages/ /Library/WebServer/Documents/phpmyadmin/ 將 phpmyadmin 將資料複製到 /Library/WebServer/Documents/ 底下，在瀏覽器中輸入 http://localhost/phpmyadmin/ 就會看到 phpmyadmin 的畫面了。

Ref

補充知識

  • MariaDB 是 MySQL 的分支，可以想像成以 MySQL 為基礎，再加上一些功能的社群開發版本，因此 MariaDB 的 API 和 協定 都是相容 MySQL。

[安裝教學] 006 在 VMWare Player 安裝 Parrot OS

飛飛 | 2023-02-24

前言

安裝教學

  1. 進入下載網址：https://www.parrotsec.org/download/，點選【Get Security Edition】。
  2. 點選【Download】。
  3. 選取要儲存的位置與檔案名稱，下載檔案副檔名為 .iso，注意：下載需要一段時間。
  4. 開啟 VMware Player 點選非商業使用【Use VMware Workstation 15 Player for free for non-commercial use】，點選【Continue】。
  5. 點選【Finish】。
  6. 點選建立新的虛擬機器【Create a New Virtual Machine】。
  7. 點選【Browse...】選擇下載下來的 ISO，並點選【Next >】。
  8. 點選【Linux】，選擇版本【Other Linux 5.x or later Kernel 64-bit】，並點選【Next】。
  9. 輸入名稱「ParrotOS」，點選【Browse...】選擇儲存路徑，並點選【Next】。
  10. 輸入硬碟大小，範例使用「30」GB，點選【Split virtual disk into multiple files】，點選【Next】。
  11. 確認細節沒有問題，點選【Finish】。
  12. 點擊【ParrotOS】再點選【Play virtual machine】進行開機。
  13. 此時虛擬機軟體會詢問是否安裝 VMware Tools，可安裝點選【Download and Install】。
  14. 進入畫面，選擇【Try/Install】。
  15. 等待安裝過程。
  16. 進入此頁面為安裝完成。

[安裝教學] 004 在 Windows 10 安裝虛擬機軟體 VMWare Player

飛飛 | 2023-02-24

使用的虛擬機軟體-VMWare Player

  1. 進入安裝網址，點選【GO TO DOWNLOADS】。

  2. 確認作業系統，筆者是 Windows 10，因此安裝 Windows 版本，點選【DOWNLOADS NOW】。

  3. 選取要儲存的位置與檔案名稱。

  4. 下載完畢後，雙擊檔案後，進行安裝的流程。

  5. 開始進行安裝，點選【Next】。

  6. 使用者授權確認，確認 License 後，勾選【I accept the terms in the License Agreement】再點選【Next】。

  7. 客製化的設定，點選【Change..】可選擇安裝路徑，範例為預設路徑，勾選【Enhanced Keyboard Driver】再點選【Next】。（這裡會需要要求重新開機，該功能可讓執行虛擬機時，使用鍵盤有更好的使用者體驗）

  8. 使用者體驗相關設定，預設勾選【Check for product update on startup】（確認是否有最新版本）與【Join the VMware Customer Experience Improvement Program】（VMware 的使用者體驗提升計畫)再點選【Next】。

  9. 設定捷徑，預設勾選【Desktop】與【Start Menu Programs Folder】再點選【Next】。

  10. 確認安裝，點選【Install】。

  11. 開始進行安裝，等待過程。

  12. 成功安裝，點選【Finish】。

  13. 需要進行重新開機，點選【Yes】。

[安裝教學] 005 Windows Terminal

飛飛 | 2022-04-11

Windows Terminal 可以自訂化外觀，方便又美觀，如果是使用 WSL 的話推薦使用這個工具。

(閱讀全文...)

[安裝教學] 003 安裝 Windows 子系統 Linux 版（WSL 安裝）

飛飛 | 2021-06-14

本文手教手教大家在 Windows 安裝子系統 Linux 簡稱 WSL，並以 Ubuntu 為範例。

(閱讀全文...)

[安裝教學] 002 在 Virtualbox 安裝 Ubuntu

飛飛 | 2021-06-07

本文章手把手示範如何在虛擬機軟體 Virtualbox 安裝作業系統 Ubuntu。

若還沒有安裝，可參考文章：[安裝教學] 在 Windows 10 安裝虛擬機軟體 Virtualbox

Ubuntu

Ubuntu 作業系統是基於　Debian，有三個版本，包括圖形化介面、伺服器版(只能用指令)及用於物聯網設備的 Core 版本。

安裝教學

https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/blogger.jpg

  • 搜尋 Ubuntu iSO 檔案

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu001.jpg

  • 點選網站，進入下載頁面

    https://ubuntu.com/download/desktop

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu002.jpg

  • 點選 Accept all and visit site 接受

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu004.jpg

  • 點選 Dowload，進行下載

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu005.jpg

  • 開始下載

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu006.jpg

  • 等待下載

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu007.jpg

  • 下載完畢後，開啟 Virtual box，點選新增

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu008.jpg

  • 輸入名稱與儲存資料夾，選取類型 Linux 與版本 Ubuntu(64-bit)

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu009.jpg

  • 記憶體大小，輸入 2048 MB 也等於 2GB

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu010.jpg

  • 選取【立即建立虛擬硬碟】，點選【建立】

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu011.jpg

  • 選擇 VDI，點選下一步

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu012.jpg

  • 選擇動態分配，點選下一步

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu013.jpg

  • 選擇路徑，硬碟大小 20GB，點選建立

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu014.jpg

  • 成功建立後，點選兩下，就會開啟虛擬機

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu015.jpg

  • 掛載 ISO 點選資料夾

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu016.jpg

  • 點選加入

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu017.jpg

  • 選擇剛剛下載的 ISO 檔案

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu018.jpg

  • 點選選擇

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu019.jpg

  • 點選開始

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu020.jpg

  • 等待安裝過程

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu021.jpg

  • 進入下載精靈，這裡可以選擇繁體中文，示範以英文為範例，點選 Install Ubuntu

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu023.jpg

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu024.jpg

  • 點選預設的鍵盤樣式，點選 Continue

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu025.jpg

  • 更新選取預設，點選 Continue

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu026.jpg

  • 選擇安裝類型，因為是虛擬硬碟，因此可以直接抹除硬碟後進行安裝，點選 Continue

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu027.jpg

  • 確認抹除，點選 Continue

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu028.jpg

  • 選擇時區Tapei，點選 Continue

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu030.jpg

  • 輸入帳號密碼 請務必記得自己的帳號密碼

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu031.jpg

  • 等待安裝

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu032.jpg

  • 安裝完畢後重新開機

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu033.jpg

  • 點選使用者，並輸入密碼

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu035.jpg

  • 點選 Skip

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu036.jpg

  • 點選 Next

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu037.jpg

  • 點選 No 再點選 Next

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu039.jpg

  • 點選 Next

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu040.jpg

  • 點選 Done

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu041.jpg

  • 對著桌面點選 Open in Terminal

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu042.jpg

  • 開始輸入指令

    https://github.com/fei3363/blogger/raw/main/install-ubuntu-on-virtualbox/ubuntu043.jpg

插入 Guest Additions CD

Guest Additions 可以讓我們在操作虛擬機更加的方便，可以提供虛擬機以及本機共用剪貼簿、共用資料夾、拖放功能，並且也可以讓虛擬機的畫面隨著視窗大小調整，因此非常推薦使用。

  1. 安裝所需套件

    bash=
    sudo apt install gcc make perl

  2. 點選裝置、插入 Guest Additions CD 映像...

  3. 點選 Run

  4. 輸入密碼，並點選 Authenticate

  5. 等待安裝完成，並按下Enter

  6. 關機並重新啟動虛擬機

  7. 安裝成功

  8. 開啟共用剪貼簿

    前面提到的功能都可以在裝置當中開啟
    點選裝置 > 共用剪貼簿 > 雙向

疑難排解 - VT-x

VirtualBox 的虛擬機需要開啟虛擬化技術 VT-x才可以使用
如果在開啟虛擬機時遇到錯誤 VT-x is disabled in the BIOS ... 這樣的錯誤訊息，請到電腦的 BIOS 當中找到 VT-x 的選項將它開啟。
每個電腦進入 BIOS 的方式有些微差異，一般來說可以嘗試在開機出現電腦 logo 時點擊 del 或是 F12 進入。

[安裝教學] 001 在 Windows 10 安裝虛擬機軟體 Virtualbox

飛飛 | 2021-06-07

本篇文章手把手教你在 Windows 10 安裝虛擬機軟體 Virtualbox，文章內包含大量的圖文解釋，讓你不會迷失在安裝的路途中，讓你輕鬆安裝虛擬機。

(閱讀全文...)