最近在B站刷到一個(gè)很不錯(cuò)的WordPress開(kāi)發(fā)視頻

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

最近PHP8.0的發(fā)布, 性能得到極大提升, 再加上我本身也用WordPress構(gòu)建了穩(wěn)定的網(wǎng)站 v2fy.com, 我打算試水WordPress

前言

搭建WordPress開(kāi)發(fā)環(huán)境, 需要安裝PHP, Mysql, Apache集成開(kāi)發(fā)環(huán)境Xampp, 從WordPress官網(wǎng)獲取最新的WordPress安裝包

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

本文從零開(kāi)始完成WordPress本地開(kāi)發(fā)環(huán)境的搭建.

下載XAMPP并進(jìn)行安裝

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

啟動(dòng)后會(huì)有一個(gè)圖形化操作界面, 界面中可以管理Mysql, Apache, ProFtpD 三個(gè)服務(wù)的開(kāi)啟,停止,重啟,和配置

image-20201229141921355

如果操作界面被關(guān)閉,可以通過(guò)終端運(yùn)行以下命令重新開(kāi)啟

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

**其實(shí)我們可以通過(guò)命令行,更加方便的開(kāi)啟和終止以上三個(gè)服務(wù)(Mysql, Apache, ProFtpD) **

開(kāi)啟服務(wù)

sudo /opt/lampp/lampp start image-20201229142250205

終止服務(wù)

sudo /opt/lampp/lampp stop image-20201229142237634

重啟服務(wù)

sudo /opt/lampp/lampp restart image-20201229142449462

更多Linux下的安裝問(wèn)題詳見(jiàn)官方文檔: https://www.apachefriends.org/faq_linux.html

驗(yàn)證安裝成功

打開(kāi)火狐瀏覽器,輸入http://localhost , 如果瀏覽器自動(dòng)跳轉(zhuǎn)到 [http://localhost/dashboard] 則說(shuō)明安裝成功

http://localhost image-20201229142723379

目前PHP, Apache, Mysql 已經(jīng)安裝完成! 我們接下來(lái)開(kāi)始獲取最新的WordPress源碼并開(kāi)始運(yùn)行

我們可以通過(guò)網(wǎng)頁(yè)版的phpMyAdmin新建一個(gè)名為wordpress的數(shù)據(jù)庫(kù), 供后續(xù)的WordPress建站程序使用

進(jìn)入phpMyAdmin

image-20201229145216090

創(chuàng)建登錄用戶

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

從wordpress.org獲取WordPress 5.6源碼

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

現(xiàn)在打開(kāi) http://localhost/wordpress 即可看到WordPress界面

image-20201229144423929

為了方便以后的開(kāi)發(fā),我們可以通過(guò)Apache的VirtualHost功能, 為wordpress配置一個(gè)域名

我未來(lái)的網(wǎng)站將會(huì)上線到 fangyuanxiaozhan.com , 所以我在本地為wordpress配置一個(gè)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

運(yùn)行以下命令重啟服務(wù)

sudo /opt/lampp/lampp restart

在瀏覽器中訪問(wèn)fangyuanxiaozhan.com ,本地apache服務(wù)配置完成

image-20201229154136438

最后總結(jié)以下, 我們通過(guò)配置 127.0.0.1 fangyuanxiaozhan.com 讓本地瀏覽器對(duì)fangyuanxiaozhan.com 的http請(qǐng)求全部發(fā)送到本地的apache服務(wù)器上, 通過(guò)為apache 配置vhosts , 讓fangyuanxiaozhan.com 的主目錄,定位到本機(jī)的 /opt/lampp/htdocs/wordpress 文件夾, 最后達(dá)成的效果是, 本地瀏覽器訪問(wèn) fangyuanxiaozhan.com 即是訪問(wèn)本地服務(wù)

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

image-20201229154647689

我們可以在外層物理機(jī)的host文件填入 10.211.55.6 fangyuanxiaozhan.com ,實(shí)現(xiàn)外層物理機(jī)也能通過(guò)瀏覽器訪問(wèn) fangyuanxiaozhan.com 查看開(kāi)發(fā)中的wordpress

物理機(jī)MacBook也可以輕松訪問(wèn)開(kāi)發(fā)環(huán)境

image-20201229155246894

為了保證后續(xù)數(shù)據(jù)庫(kù)信息成功寫入wp-config.php, 我們需要運(yùn)行以下命令, 為 /opt/lampp/htdocs/wordpress 文件夾添加寫入權(quán)限

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

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

填入數(shù)據(jù)庫(kù)信息

image-20201229160914263

數(shù)據(jù)庫(kù)校驗(yàn)完成, 開(kāi)始構(gòu)建網(wǎng)站

image-20201229160958861

設(shè)置網(wǎng)站初始化屬性

image-20201229161144532

網(wǎng)站安裝完成

image-20201229161256585

登錄

image-20201229161335609

WordPress安裝完成

image-20201229161425389

本文永久更新地址(歡迎來(lái)讀留言,寫評(píng)論):

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。