最近在B站刷到一個很不錯的WordPress開發視頻

https://www.bilibili.com/video/BV1E7411A7Yj?p=1

最近PHP8.0的發布, 性能得到極大提升, 再加上我本身也用WordPress構建了穩定的網站 v2fy.com, 我打算試水WordPress

前言

搭建WordPress開發環境, 需要安裝PHP, Mysql, Apache集成開發環境Xampp, 從WordPress官網獲取最新的WordPress安裝包

所有的安裝包都通過wget存放到/opt目錄中,如果日后不想用, 可以直接進入/opt刪除文件夾

本文從零開始完成WordPress本地開發環境的搭建.

下載XAMPP并進行安裝

cd /opt sudo wget https://www.apachefriends.org/xampp-files/8.0.0/xampp-linux-x64-8.0.0-2-installer.run chmod 755 ./xampp-linux-*-installer.run sudo ./xampp-linux-*-installer.run image-20201229101019645 image-20201229101052445 image-20201229101123902 image-20201229101147145 image-20201229101203672 image-20201229110528493

啟動后會有一個圖形化操作界面, 界面中可以管理Mysql, Apache, ProFtpD 三個服務的開啟,停止,重啟,和配置

image-20201229141921355

如果操作界面被關閉,可以通過終端運行以下命令重新開啟

sudo /opt/lampp/manager-linux-x64.run

**其實我們可以通過命令行,更加方便的開啟和終止以上三個服務(Mysql, Apache, ProFtpD) **

開啟服務

sudo /opt/lampp/lampp start image-20201229142250205

終止服務

sudo /opt/lampp/lampp stop image-20201229142237634

重啟服務

sudo /opt/lampp/lampp restart image-20201229142449462

更多Linux下的安裝問題詳見官方文檔: https://www.apachefriends.org/faq_linux.html

驗證安裝成功

打開火狐瀏覽器,輸入http://localhost , 如果瀏覽器自動跳轉到 [http://localhost/dashboard] 則說明安裝成功

http://localhost image-20201229142723379

目前PHP, Apache, Mysql 已經安裝完成! 我們接下來開始獲取最新的WordPress源碼并開始運行

我們可以通過網頁版的phpMyAdmin新建一個名為wordpress的數據庫, 供后續的WordPress建站程序使用

進入phpMyAdmin

image-20201229145216090

創建登錄用戶

image-20201229145358213 image-20201229145933788 image-20201229150020634 image-20201229150220341

從wordpress.org獲取WordPress 5.6源碼

# 進入/opt目錄 cd /opt # 獲取源碼 sudo wget https://wordpress.org/wordpress-5.6.tar.gz # 解壓源碼 sudo tar -zxvf wordpress-5.6.tar.gz # 將wordpress移動到 /opt/lampp/htdocs sudo mv wordpress /opt/lampp/htdocs image-20201229143848686

現在打開 http://localhost/wordpress 即可看到WordPress界面

image-20201229144423929

為了方便以后的開發,我們可以通過Apache的VirtualHost功能, 為wordpress配置一個域名

我未來的網站將會上線到 fangyuanxiaozhan.com , 所以我在本地為wordpress配置一個fangyuanxiaozhan.com的本地域名

首先在host文件中追加 127.0.0.1 fangyuanxiaozhan.com

sudo chmod 777 /etc/hosts sudo echo "127.0.0.1 fangyuanxiaozhan.com" >> /etc/hosts sudo chmod 755 /etc/hosts image-20201229152332299

在 /opt/lampp/etc/httpd.conf 中取消https-vhost.conf的注釋

image-20201229153831311

在 /opt/lampp/etc/extra/httpd-vhosts.conf 中追加以下配置

<VirtualHost *:80>DocumentRoot "/opt/lampp/htdocs/wordpress"ServerName fangyuanxiaozhan.comErrorLog "logs/dummy-fangyuanxiaozhan.com-error_log"CustomLog "logs/dummy-fangyuanxiaozhan.com-access_log" common </VirtualHost> image-20201229153948803

運行以下命令重啟服務

sudo /opt/lampp/lampp restart

在瀏覽器中訪問fangyuanxiaozhan.com ,本地apache服務配置完成

image-20201229154136438

最后總結以下, 我們通過配置 127.0.0.1 fangyuanxiaozhan.com 讓本地瀏覽器對fangyuanxiaozhan.com 的http請求全部發送到本地的apache服務器上, 通過為apache 配置vhosts , 讓fangyuanxiaozhan.com 的主目錄,定位到本機的 /opt/lampp/htdocs/wordpress 文件夾, 最后達成的效果是, 本地瀏覽器訪問 fangyuanxiaozhan.com 即是訪問本地服務

另外, 由于我們的Ubuntu20.04本身是虛擬機 , 我們還可以通過在終端輸入 ifconfig | grep inet , 獲取Ubuntu虛擬機的ip地址, 比如為10.211.55.6

image-20201229154647689

我們可以在外層物理機的host文件填入 10.211.55.6 fangyuanxiaozhan.com ,實現外層物理機也能通過瀏覽器訪問 fangyuanxiaozhan.com 查看開發中的wordpress

物理機MacBook也可以輕松訪問開發環境

image-20201229155246894

為了保證后續數據庫信息成功寫入wp-config.php, 我們需要運行以下命令, 為 /opt/lampp/htdocs/wordpress 文件夾添加寫入權限

sudo chmod 777 -R /opt/lampp/htdocs/wordpress

我們可以直接在MacBook中完成wordpress的配置

填入數據庫信息

image-20201229160914263

數據庫校驗完成, 開始構建網站

image-20201229160958861

設置網站初始化屬性

image-20201229161144532

網站安裝完成

image-20201229161256585

登錄

image-20201229161335609

WordPress安裝完成

image-20201229161425389

本文永久更新地址(歡迎來讀留言,寫評論):

https://www.v2fy.com/p/2020-12-29-xmapp-1609203230000

總結

以上是生活随笔為你收集整理的在Ubuntu20.04搭建WordPress开发环境的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。