Ubuntu 安裝 WordPress – 3:VM、資料庫權限、PHP、WordPress

/

本篇要解決的問題

第一篇,我們安裝了 VirtualBox、Ubuntu。在 第二篇,我們安裝了 Webmin,並安裝了 Apache、MySQL,最後還設定了一個 host:wordpress.loc

本篇,要開始進行安裝 WordPress 前需要的虛疑主機跟建立一個資料庫,然後安裝 LAMP 的「P」--PHP。


安裝整體流程

  1. 安裝 VirtualBox
  2. 安裝 Ubuntu 20.04

  1. 安裝 Webmin
  2. 用 Webmin 安裝 Apache HTTP Server、MySQL
  3. 設定 Hosts

  1. Apache HTTP Server 創建虛擬主機
  2. MySQL 建立資料庫、使用者,設定權限
  3. 安裝 php,重啟 Apache HTTP Server
  4. 下載 WordPress 原始檔,放進資料夾,更新權限
  5. 輸入網址安裝 WordPress

Apache HTTP Server 創建虛擬主機

目前的概念是,Apache 安裝好後預設的那組 /var/www/html 不動,我們新增一個給 WordPress 用的虛擬機。

Webmin 左側選單點擊「Apache 網頁伺服器 > 創建虛擬主機」:

點擊 Apache 網頁伺服器 > 創建虛擬主機
點擊 Apache 網頁伺服器 > 創建虛擬主機

會看見右側是「建立新虛擬伺服器」的表單要填寫。

處理的連接位置:任何位置。

連接埠:選第三個自行填寫,填入「80」。

文件根目錄:這個是指這台虛擬機要抓哪個資料夾中的檔案,只要放在 /var/www/ 下就可以,因為是要建立 WordPress,因此可以直接把資料夾名稱取為 wordpress,這邊要填寫的就是 /var/www/wordpress。

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝

伺服器名稱:就是填我們之前設定好的 Hosts,像是本篇在這行就填「wordpress.loc」。

新增虛擬伺服器到檔案:選「標準 httpd.conf 檔案」。

填寫 建立新虛擬伺服器 Demo
填寫 建立新虛擬伺服器 Demo

都填寫完畢,點擊「現在建立」,就會看見 Apache 虛擬機的列表上新增了我們剛剛建立的那台:

虛擬機新增成功
虛擬機新增成功

看見列表有成功新增我們建立的虛擬機後,按一下右上角的「套用變更」,讓 Apache 更新:

點擊 套用變更
點擊 套用變更

放檔案到虛擬機上

我們剛剛在填寫表單時,有填了一個「文件根目錄」,這邊是虛擬機會抓哪個資料當目錄。

我們可以先放個簡單的檔案到資料夾中,看是不是真的有建立成功。

簡單的檔案可以直接從網路上下載,有蠻多是可以免費使用的,像是 MDL

放檔案的方式有 2 種。

1 用 Webmin 放

Webmin 左側選單點擊「工具類 > 檔案管理器」,點擊後右側就會開啟檔案清單,我們就找到我們寫在「文件根目錄」上的資料夾就行,像本篇就是找到「var/www/wordpress」:

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝

從 檔案管理器 中找到資料夾
從 檔案管理器 中找到資料夾

找到以後,會顯示「目錄為空」,是個空資料夾。

要上傳檔案,就按右上方的「文件 > 上載到當前目錄」:

文件 > 上載到當前目錄
文件 > 上載到當前目錄

之後就是選擇要上傳的檔案了。

2 直接找到資料夾

因為是用本機當虛擬機,所以其實上面方法 1 的資料夾都一直存在在本機,只是需要能開啟根目錄。

開啟終端機,輸入:

sudo nautilus

確認好使用者密碼後,桌面就會開啟資料夾,左側的選單會看見一個「根檔案系統」:

根檔案系統
根檔案系統

接著就是從根檔案系統開始,一路找到我們的資料夾 var/www/wordpress:

從 根檔案系統找到 文件根目路上指定的資料夾
從 根檔案系統找到 文件根目路上指定的資料夾

然後一樣把我們要測試的檔案放上去即可。

檔案放上去後,打開瀏覽器,輸入我們在 hosts 裡新增的那個 Domain,像本篇就是輸入:

http://wordpress.loc

鏘鏘~如果看到我們放上去的測試頁,就代表成功了:

輸入網址,成功的話會看見頁面
輸入網址,成功的話會看見頁面

MySQL 建立資料庫、使用者,設定權限

這一步開始,我們要建立給 WordPress 用的資料庫,這是在安裝 WordPress 時會需要輸入的。

Webmin 左側選單點擊「MySQL 資料庫伺服器」,接著點擊「建立一個新的資料庫」:

點擊 建立一個新的資料庫
點擊 建立一個新的資料庫

填寫完「資料庫名稱」後,按下「建立」。這邊直接取「wordpress」,這個名稱在安裝 WordPress 時會用到,所以一定要記住取了什麼名稱:

填寫 資料庫名稱
填寫 資料庫名稱

建立完資料庫,接著是要新增一個使用者,讓這個使用者對我們剛剛建立的資料庫有變更的權限。

在 Webmin MySQL 資料庫伺服器中,點擊「使用者權限」:

點擊 使用者權限
點擊 使用者權限

點擊「建立新使用者」:

點擊 建立新使用者
點擊 建立新使用者

建立新使用者的表格,要填的是使用者名稱、密碼,主機的部份填「localhost」:

填寫名稱、密碼、主機
填寫名稱、密碼、主機

其實對於主機要填「localhost」這個覺得疑惑,幾年前有一次主機搬家,就是因為填的不是「localhost」就一直搬失敗,如果有大大知道要填「localhost」的原因,可以在留言區告知喔,感謝~

填寫完後按下「建立」,接著我們要派給我們新增的使用者權限,點擊「資料庫權限」:

點擊 資料庫權限
點擊 資料庫權限

點擊「建立新資料庫權限」:

點擊 建立新資料庫權限
點擊 建立新資料庫權限

資料庫:填寫我們要給 WordPress 的資料庫名稱。

使用者名稱:填我們剛剛新增的使用者名稱。

主機:填「localhost」。

權限:全部都選取。

填寫 資料庫權限選項
填寫 資料庫權限選項

都填寫好後按「建立」,會看見清單中我們派給這個使用者的權限是「全部」:

權限設定完成
權限設定完成

安裝 php,重啟 Apache HTTP Server

有了虛擬機、MySQL,以及資料庫的使用者,LAMP 我們就剩「P」,PHP 還沒有安裝完成。

打開終端機,輸入以下命令來安裝 PHP:

sudo apt install php libapache2-mod-php

安裝完後,再輸入以下命令來安裝 PHP 對 MySQL、GD 的擴充套件:

sudo apt install php-mysql php-gd

最後輸入以下命令來重啟 Apache:

sudo systemctl restart apache2

下載 WordPress 原始檔,放進資料夾,更新權限

LAMP 都安裝完了,後面的步驟就簡單了,就是把 WordPress 的原始檔放進我們的文件根目錄中,再更新權限,後續就可以安裝 WordPress。

先到 WordPress 的官網下載原始檔:WordPress

下載按鈕很明顯,點擊後就會開始下載:

下載 WordPress 原始檔
下載 WordPress 原始檔

下載完後解壓縮,還記得嗎?我們這一篇的第一步有設定好「文件根目錄」,就把解壓縮的檔案放進去就行了:

把 WordPress 的原始檔放進文件根目錄指定的資料夾中
把 WordPress 的原始檔放進文件根目錄指定的資料夾中

放完後,再開啟我們設定在 hosts 這個檔案裡的網址就會開始執行 WordPress 的安裝程序,但是別急,還有一個步驟要做,不然之後即便是安裝好了,也會發現無法在 WordPress 上更新或安裝套件,反而會看見以下訊息:

如需執行這項必要操作,WordPress 必須存取這個網站的網頁伺服器。 請輸入 FTP 認證以繼續。 如果不記得認證為何,請聯絡這個網站的主機服務商。

需要 FTP 認證的訊息
需要 FTP 認證的訊息

所以,我們還要做一個步驟來更新文件根目錄的權限。

打開終端機,輸入:

sudo chown -R www-data:root 文件根目錄的路徑

比方本篇的路徑是:var/www/wordpress,就輸入:

sudo chown -R www-data:root /var/www/wordpress

輸入完按下 ENTER,之後在 WordPress 上的更新或安裝就都沒問題。

最後,我們可以開始安裝 WordPress 了!


輸入網址安裝 WordPress

打開瀏覽器,網址輸入我們寫在 hosts 這個檔案的網址,就會看見熟悉的 WordPress 安裝畫面:

WordPress 安裝畫面
WordPress 安裝畫面

按下「開始安裝吧!」就會先要填寫資料庫的資訊,這些就是我們上面「MySQL 建立資料表、使用者,設定權限」這個步驟中所取得到的。

填寫資料庫資訊

都填寫好後,按下「傳送」,WordPress 確認可以用這個使用者帳密去讀寫資料庫後,就會跳到下一個畫面:

點擊 執行安裝程式
點擊 執行安裝程式

點擊「執行安裝程式」後,會要先輸入網站的基本資訊,還有要登入的使用者帳密:

輸入網站的基本資訊、使用者帳密
輸入網站的基本資訊、使用者帳密

輸入完後按下「安裝 WordPress」,就會出現安裝成功的畫面:

WordPress 安裝成功
WordPress 安裝成功

點擊「登入」,就會跳到 WordPress 的登入畫面,再輸入帳密就可以看到 WordPress 的後台畫面啦!!

成功安裝好 WordPress 了!!
成功安裝好 WordPress 了!!

看到終於從無到有的安裝好 WordPress,真的眼淚都要掉下來了,希望大大們也進行到這步驟時,可以了解 Augustus 這時的感動。

Summary
Ubuntu 安裝 WordPress – 3:VM、資料庫權限、PHP、WordPress
Article Name
Ubuntu 安裝 WordPress – 3:VM、資料庫權限、PHP、WordPress
Description
本篇大綱:本篇要解決的問題。安裝整體流程。Apache HTTP Server 創建虛擬主機。MySQL 建立資料庫、使用者,設定權限。安裝 php,重啟 Apache。下載 WordPress 原始檔,放進資料夾,更新權限。輸入網址安裝 WordPress。
Augustus
Let's Write
Let's Write
https://letswrite.tw/wp-content/uploads/2020/08/logo_512.jpg

隨選筆記文

Front-End

IntersectionObserver:下篇-實際應用 lazyload、進場效果、無限捲動

Vue

Vue.js 用computed跟filter做一個簡易搜尋功能

Vue

vue transition中用多個v-if, v-show

Vue

拿Trello當資料庫 建一個店家清單:下篇-建立清單頁面

Analytics Google

如果頁面有id=”ga”,用gtag埋google analytics會收不到流量

Google Maps

Google Maps API學習筆記-5:抓目前位置、計算到各點距離

API

ml5.js 神經網路 開發圖像辨識

Front-End

TestCafe學習筆記-1:自動化測試會員登入

Front-End

mailto: 點擊連結 開啟寄送email

API Front-End

用Google Apps Script寫一個LINE登入功能:下篇 – 三大步驟

訂閱
通知
guest
2 Comments
最舊
最新
Inline Feedbacks
看所有留言
jyun
jyun
9 天 之前

您好,我這邊到安裝wordpress就卡住了,跳出 “建立資料庫連線時發生錯誤”,無法成功進行到執行安裝程式的步驟,也試著把wp-config.sample的檔改寫成wp-config了,還是無法成功執行,請問該如何解決呢,謝謝

Let's Write

前端工程師 Augustus 的學習筆記 — solving problems, in simple ways.