使用GCP架設WordPress網站

使用GCP架設WordPress網站
分享此文:

架設 WordPress 網站前要先挑選一個主機商,我之前架設一個分享 3D 繪圖的網站 Dimension Tech. 是選用 SiteGround 這個老牌的主機供應商,還有………等。

這次想試試看用更低的費用做個人網站,所以使用 Google Cloud Platform 的主機,GCP 提供一年 300 美元的額度免費使用。在使用 GCP 架設 WordPress 網站前,要先註冊一個網域,註冊網域的服務商也有許多,我都是在 Gandi 註冊網域的。

在 GCP 安裝 WordPress 有兩個方式,第一個是直接在 GCP 安裝 WordPress 系統,這個方式操作簡單,缺點是無法進到 WordPress 後台。第二個方式是從 Bitnami 網站安裝 WordPress 系統到 GCP,步驟會稍微多一點,但可以透過 FTP 的方式進到 WordPress 後台進行程式碼的編寫、修改。

GCP免費版網站:https://cloud.google.com/free/

申請免費 GCP

這篇先分享第一種方式,在 GCP 安裝 WP 系統。

登入 GCP 免費版網站,領取 300 美元的免費使用額度,先填寫相關資料才能領取。這邊會需要填寫一張信用卡,一年試用期或免費額度使用完會需要信用卡付費,也是要驗證是不是真人使用,扣款前會詢問是否要用信用卡付費,不會自動扣款的。

登入 GCP 免費版網站,領取 300 美元的免費使用額度,先填寫相關資料才能領取。這邊會需要填寫一張信用卡,一年試用期或免費額度使用完會需要信用卡付費,也是要驗證是不是真人使用,扣款前會詢問是否要用信用卡付費,不會自動扣款的。

輸入帳戶類型,如果是自己要使用的就選「個人」,稅務資訊選「未登記稅籍的個人」,填寫聯絡地址。

輸入帳戶類型,如果是自己要使用的就選「個人」,稅務資訊選「未登記稅籍的個人」,填寫聯絡地址。

部署 WordPress

完成資料填寫就能使用 GCP 免費的功能,點選「Marketplace」,找 WordPress 的範本。

完成資料填寫就能使用 GCP 免費的功能,點選「Marketplace」,找 WordPress 的範本。

輸入「wordpress with nginx」,找到「WordPress with NGINX and SSL Certified by Bitnami and Automatic」,提供者是 Bitnami。

輸入「wordpress with nginx」,找到「WordPress with NGINX and SSL Certified by Bitnami and Automatic」,提供者是 Bitnami。

點擊「啟動」,進行部署前的設定。

點擊「啟動」,進行部署前的設定。

Deployment name輸入此部署的名稱,Zone建議選擇最接近的機房站點,「asia-east1」這是位於台灣彰化的 Google 資料中心 (Google Cloud全球據點),虛擬主機的地點會影響之後連線的速度和費用,所以盡量選擇距離最近的主機位置。Machine type選擇「小型(1個共用vCPU)」就夠了,Boot disk type可以選「SSD Presistent Disk」、size「30」GB,這樣網站速度會比較快一些。

Deployment name輸入此部署的名稱,Zone建議選擇最接近的機房站點,「asia-east1」這是位於台灣彰化的 Google 資料中心 (Google Cloud全球據點),虛擬主機的地點會影響之後連線的速度和費用,所以盡量選擇距離最近的主機位置。Machine type選擇「小型(1個共用vCPU)」就夠了,Boot disk type可以選「SSD Presistent Disk」、size「30」GB,這樣網站速度會比較快一些。

完成上述的設定後,建立部署作業,會需要一點時間進行安裝。安裝完成後,右側的 Site address 就是你的網址,Admin URL 是管理員登入的網址,簡單來說就是「 http://……./wp-admin 」,Admin user 和 Admin password 是初次使用的帳號和密碼,進到 WP 後台再去做修改。

完成上述的設定後,建立部署作業,會需要一點時間進行安裝。安裝完成後,右側的 Site address 就是你的網址,Admin URL 是管理員登入的網址,簡單來說就是「 http://......./wp-admin 」,Admin user 和 Admin password 是初次使用的帳號和密碼,進到 WP 後台再去做修改。

WordPress 設定

移除 Bitnami Logo

登入 WordPress,右下角有一個 Bitnami 的 Logo,需要用過指令才能把它移除。可以在 GCE 中找到 SSH 的按鈕。

回到 GCP,在「Compute Engine」中找到「VM 執行個體」,直接點擊「SSH」或右方的箭頭點選「在瀏覽器視窗中開啟」,啟動 SSH 視窗。依序輸入下面的指令,這樣就能把右下角的 Logo 刪除。

sudo /opt/bitnami/apps/wordpress/bnconfig --disable_banner 1
sudo /opt/bitnami/ctlscript.sh restart apache
sudo /opt/bitnami/ctlscript.sh restart nginx

語言修改

左側的選單中 Settings → General,找到 Site Language 把介面改為「繁體中文」。

更新外掛

左側選單中控制台 → 更新,將選取全部勾選起來,點擊「更新外掛」,將目前的外掛更新的最新版本。

左側選單中控制台 → 更新,將選取全部勾選起來,點擊「更新外掛」,將目前的外掛更新的最新版本。

基本上到這邊就算是完成 WordPress 的安裝了,之後會需要做其他的設定,像是設定網域、安裝 SSL、建立防火牆、設定 CDN 等。

網域設定

這部份會比較複雜一些,因為我的網域是在 Gandi 購買的,所以我會先把網域移到 CloudFlare 託管,之後要設定 CDN、防火牆只需要用 CloudFlare 就可以了。使用其他網域服務商的流程應該也是大同小異的。

Gandi:https://www.gandi.net/zh-Hant
CloudFlare:https://www.cloudflare.com/zh-tw/

免費註冊 CloudFlare

先到 CloudFlare 註冊一個帳號,這邊需要填寫你的網域。

先到 CloudFlare 註冊一個帳號,這邊需要填寫你的網域。

點選第一個「Free」的專案,因為是免費的,所以一個帳號只能使用一個網站,對個人網站來說這樣就夠用了。

點選第一個「Free」的專案,因為是免費的,所以一個帳號只能使用一個網站,對個人網站來說這樣就夠用了。

網域託管

建立 Nameservers,這兩個紅框處的網址待會要貼到域名服務商。

切換到 Gandi 網頁,進到要託管的域名頁面,點選「名稱伺服器」,確認這三個名稱伺服器和 CloudFlare 出現的三個是一樣的,點擊「變更」。

切換到 Gandi 網頁,進到要託管的域名頁面,點選「名稱伺服器」,確認這三個名稱伺服器和 CloudFlare 出現的三個是一樣的,點擊「變更」。

把 CloudFlare 提供的兩個名稱伺服器分別貼到這兩個輸入框。這樣我們的網域就可以直接使用 CloudFlare 做相關設定。

把 CloudFlare 提供的兩個名稱伺服器分別貼到這兩個輸入框。這樣我們的網域就可以直接使用 CloudFlare 做相關設定。

網域連結 GCP

進到 GCP,左側選單點選「VPC 網路」→「外部 IP 位址」,原本的類型是臨時 IP,只要重新啟動虛擬機器就有可能會是不同的 IP,所以這邊要先把 IP 固定起來。點擊「靜態」,然後會需要輸入一個 IP 位址名稱,隨便設定一個看得懂的就可以。

到 CloudFlare 的「DNS」頁面,點擊「+Add record」,新增一個 A Record 對應到我們的 IP 位址,等待生效後就能連結到網站。