在本地的 mac 電腦上配置開發環境
安裝 homeBrew
安裝 php 7 和 Composer
安裝 Valet
配置 Valet
安裝 MySQL
安裝 wordPress/ target=_blank class=infotextkey>WordPress
在 windows 電腦上配置開發環境
安裝 PHPstudy
安裝 WordPress
在 cPanel 上安裝 WordPress
在 cPanel 上快速安裝 WordPress
在 cPanel 中使用常規方法安裝 WordPress
下載 WordPress 安裝包
上傳 WordPress 的安裝包
創建數據庫
安裝 WordPress
總結
課程實踐目標:在自己的電腦上完成基礎環境的配置。
在本地的 Mac 電腦上配置開發環境
MacOS 相比于 Windows 有很好的命令行支持,在開發環境上也更友好,系統自帶運行 WordPress 需要的 PHP 和 Apache。
不過,為了能夠更簡單的進行 WordPress 開發,建議讀者使用 Laravel 的 Valet 組件來進行 WordPress 開發。
安裝 homeBrew
Valet 需要 PHP 7 環境和 composer 來運行,同時還需要 homebrew 來安裝依賴環境(Nginx、Ngrok、DNSmasq)。而 PHP 7 和 composer 環境也可以通過 homeBrew 來安裝,所以在開始先來安裝 homeBrew。
打開 LaunchPad,找到 終端 應用,在終端應用中粘貼如下命令,并回車。
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
homeBrew 的安裝需要 XCode Command Line 的支持,可以通過執行 xcode-select --install 來安裝。
待命令執行完畢后,HomeBrew 就安裝完成了。可以執行brew命令,查看系統返回,如果顯示如下所示,則說明安裝完成了。
安裝 PHP 7 和 Composer
在終端內執行如下命令,來安裝 PHP 7 執行環境:
brew tap homebrew/php # 添加 php 庫brew update # 更新brew install php71 # 安裝 php71
當 PHP 7 安裝完成后,我們開始安裝 Composer,在命令行中執行如下命令:
php -r "copy('https://install.phpcomposer.com/installer', 'composer-setup.php');"php composer-setup.php
php -r "unlink('composer-setup.php');"mv composer.phar /usr/local/bin/composer
通過上述的命令,把 Composer 安裝到本地目錄了。
將其移動到 /usr/local/bin/composer 主要是為了方便全局運行,這樣我們就不用總是使用相對路徑來調用 Composer 了。
安裝完成后,我們要為 Composer 來配置國內鏡像(受不可抗力因素影響,官方鏡像下載速度緩慢)。
Composer 支持項目加速和全局加速,我們這里沒有 Composer 項目,所以選擇全局加速。在命令行中執行如下命令:
composer config -g repo.packagist composer https://packagist.phpcomposer.com
安裝 Valet
在命令行中執行如下命令來安裝 Valet:
composer global require laravel/valet
valet install
命令執行完成后,系統就成功幫助我們安裝了 Valet 開發環境。
這時執行 ping gitchat.dev,可以看到返回的 IP 地址是 127.0.0.1,則說明環境配置成功。
配置 Valet
安裝完 Valet,我們還要進行簡單的配置,來更好的使用。
首先,來創建網站文件的目錄:
mkdir -p ~/Developer/php #創建目錄
然后,將這個目錄設置為 Valet 的主目錄:
cd ~/Developer/php # 進入目錄valet park #配置 Valet
這樣,在 PHP 目錄下創建的任何一個文件夾,都可以通過 [文件夾名].dev 的域名進行訪問。
安裝 MySQL
WordPress 需要 MySQL 作為數據庫,接下來我們來安裝數據庫。
brew install mysql
安裝完成后,可以執行 brew services start mysql設置數據庫的開機自啟動。
可以執行cat ~/.mysql_secret來獲取 mysql 默認的 root 用戶的密碼。這個密碼稍后要用到,要記下來。
如果提示為No such file or directory,則說明 root 密碼為空。
安裝 WordPress
接下來,我們來安裝 WordPress。
首先,創建目錄,并下載 WordPress 的文件。
cd ~/Developer/php # 進入目標目錄mkdir wordpress # 創建新的文件夾cd wordpress # 進入新的文件夾wget
https://wordpress.org/latest.zip
unzip latest.zip
mv wordpress/* ./
然后創建數據庫:
mysql -uroot -p -e "create database wordpress"
執行命令后,輸入密碼并回車,就成功創建了數據庫了。
在瀏覽器中打開 http://wordpress.dev/,就可以一步一步按部就班的安裝了。
在輸入數據庫信息時,設置數據庫名為 wordpress,用戶名為root ,密碼為上方我們獲取到的密碼。其他兩項不同,單擊“提交”按鈕。
單擊“進行安裝”按鈕,在新的頁面中設置基本信息,并單擊“安裝 WordPress”按鈕。
這樣,我們的本地開發環境就部署完成了。
在 Windows 電腦上配置開發環境
相比于 Mac、Windows 的配置要簡單很多,只需要安裝一個軟件即可 PHPStudy。
安裝 PHPstudy
訪問
http://phpstudy.net/download.html 下載頁面,下載 PHPstudy。
我們使用 33MB 的解壓版:
下載后,將得到的壓縮包解壓,執行其中的 exe 安裝文件。
彈出的“確認”對話框,不做更改,直接單擊“確認”按鈕。
并在彈出初始化的對話框中單擊 是 按鈕。
可能會提示讀者安裝 VC9 運行庫:
單擊“確定”按鈕,會引導我們到下載頁面,下載對應的支持庫,安裝即可。
如果防火墻提示攔截 Apache 和 MySQL 時,允許即可。
安裝 WordPress
配置完 WordPress 后,我們開始安裝 WordPress。
右擊托盤中的 phpstudy 圖標,選擇其中的網站根目錄,就會進入到根目錄,刪除其中的 l.php 和 phpinfo.php。
打開瀏覽器,訪問
https://wordpress.org/latest.zip ,可以下載到最新的安裝包。下載完成后,將其解壓,將解壓出來的 WordPress 目錄中的所有文件都復制,粘貼到我們剛剛打開的網站根目錄。
打開
http://localhost/phpMyAdmin 使用用戶名 root ,密碼 root 登錄。
登錄后,單擊上方的 tab 中的 SQL,輸入如下代碼,并單擊“執行”按鈕:
create database wordpress;
這樣,我們就成功的創建了一個新的 WordPress 數據庫。
接下來,在瀏覽器中打開 http://localhost 就可以安裝了,安裝數據庫時用到的用戶名和密碼都是 root,數據庫名為 wordpress 。其他安裝步驟可以參考 Mac 開發環境配置的相關部分。
注意:請使用全新的虛擬主機來測試和部署。在生產環境中使用如下操作可能會導致數據丟失。
在 cPanel 上安裝 WordPress
cPanel 是我們經常使用的一款虛擬主機面板,功能強大。如果購買了一些國外的主機商的虛擬主機,一般提供的都是 cPanel 。
在 cPanel 上快速安裝 WordPress
有的主機的 cPanel 集成了 Softaculous 的安裝工具,這樣我們可以通過簡單的配置來安裝 WordPress。
可以登錄你的 cPanel, 在其中尋找 Softaculous App Installer。
單擊其中的 WordPress 會進入到安裝界面。
填寫其中的安裝信息,點擊最下方的安裝:
稍等片刻,就安裝成功了。
可以單擊上面的管理員后臺的鏈接,登錄 WordPress 后臺。
在 cPanel 中使用常規方法安裝 WordPress
雖然快捷安裝方便,但并不是每個主機商都會集成,所以我們再補充一個常規的安裝方法。
下載 WordPress 安裝包
訪問
http://wordpress.org/latest.zip 即可下載到最新的 WordPress 安裝包。
上傳 WordPress 的安裝包
打開 cPanel ,找到文件管理器:
在文件管理器中找到 public_html 目錄,單擊進入該目錄。
進入該目錄后,單擊“上傳”按鈕:
在新的頁面中選擇我們剛剛下載的 latest.zip 文件,進行上傳。
等待其上傳成功后,就關掉這個頁面。
刪除成功后,會變成綠色的進度條。
回到文件管理器頁面,單擊“重新加載”按鈕,就可以看到剛剛上傳的文件了。
選中它,單擊上方的“提取”按鈕:
并在彈出的窗口中選擇Extract File,稍等片刻,就解壓成功了。
單擊解壓出來的 wordpress 文件夾,進入該文件夾。
勾選菜單欄中的“全選”復選框,再單擊上方的“移動”按鈕。
在彈出窗口中,將移動路徑改為 /public_html,并單擊Move File按鈕。
這樣我們就完成了 WordPress 文件上傳了。
創建數據庫
接下來回到 cPanel 管理界面,找到其中的 MySQL 數據庫向導。點擊進入向導。
分別輸入數據庫名、用戶名和密碼:
在選擇權限時,勾選“所有權限”復選框:
然后單擊“下一步”按鈕,就可以看到添加成功的界面。
稍后安裝 WordPress 時,就可以使用剛剛創建的數據庫去安裝 WordPress 了。
安裝 WordPress
接下來,就可以訪問你的虛擬主機綁定的域名去安裝 WordPress 了。具體的安裝部分,可以參考上方的 Mac 開發環境配置部分的相關內容。
總結
在上面的內容中,我們完成了本地開發環境的配置和以 cPanel 為例的虛擬主機的配置。如果有什么問題不清楚,可以在下方評論。如果后續覺得需要補充其他環境的配置說明,也可以在下方評論提問。