開啟生態新姿勢 | 使用 WrodPress 遠端附件儲存到 COS

雲端儲存小天使發表於2022-06-27

在看到這篇文章前，你大概已經聽說過 WordPress 了，它是使用 PHP 語言開發的部落格平臺，使用者可以在支援 PHP 和 MySQL 資料庫的伺服器上架設屬於自己的網站，也可以把 WordPress 當作一個內容管理系統（CMS）來使用。

WordPress 功能強大、擴充套件性強，這主要得益於其外掛眾多，易於擴充功能，基本上一個完整網站該有的功能，通過其第三方外掛都能實現所有功能。

本文將介紹如何通過使用外掛實現遠端附件功能，將 WordPress 的媒體庫附件儲存在騰訊雲物件儲存 COS 上，並通過騰訊雲 CDN 進行加速，實現所有功能。

一、簡介

首先，我們瞭解下將媒體庫附件儲存在 COS 上有以下好處：

  • 附件將擁有更高的可靠性；
  • 使用者檢視圖片附件時將直連 COS 伺服器，不佔用您伺服器的下行頻寬/流量，使用者訪問速度更快；
  • 可配合騰訊雲 CDN 進一步提升使用者檢視圖片附件的速度，優化網站訪問速度。

二、準備工作

1、搭建 WordPress 部落格平臺。

  • 您可以在 WordPress 官方頁面 下載 WordPress 的最新版並檢視安裝指南。
  • 您也可以在安裝伺服器系統時在 映象市場 中選擇預裝 WordPress 部落格平臺的雲伺服器（Cloud Virtual Machine，CVM）映象。

2、建立一個公有讀私有寫的儲存桶，儲存桶的地域建議與執行 WordPress 部落格平臺的 CVM 的地域相同，建立詳情請參見 建立儲存桶 文件。

3、在儲存桶列表中找到剛才建立的儲存桶，並單擊其儲存桶名稱，進入儲存桶頁面。

​

4、在左側導航欄中，單擊概覽，檢視訪問域名並記錄。

​

​

三、安裝並配置外掛

（一）安裝外掛

在 WordPress 後臺，單擊外掛 > 安裝外掛，開始安裝外掛。您可通過下面兩種方式獲取外掛並安裝：

  • 後臺直接搜尋 Sync QCloud COS 進行安裝（推薦使用）。
  • 您也可以從 Github 下載最新 releases 原始碼，通過 WordPress 後臺上傳安裝，或者直接將原始碼上傳到 WordPress 外掛目錄 wp-content/plugins，然後在後臺啟用。

（二）配置外掛

1、單擊 WordPress 左側導航欄設定，然後在頁面中配置 COS 的相關資訊，配置說明見下表：

配置項配置值
儲存桶名稱建立儲存桶時自定義的名稱
儲存桶地域建立儲存桶時所選擇的地域
APPIDAPPID 是您在成功申請騰訊雲賬戶後所得到的賬號，由系統自動分配，具有固定性和唯一性，可在 賬號資訊 中檢視
SecretID、SecretKey訪問金鑰資訊，可前往 雲 API 金鑰 中獲取
不上傳縮圖勾選後不會上傳對應的縮圖檔案，建議不勾選
不在本地保留備份勾選後不會在本地保留原始檔，建議不勾選
本地資料夾本地儲存路徑，例如wp-content/uploads
URL 字首格式為/<本地資料夾>，例如https://examplebucket-1250000...

2、配置完成後，單擊儲存即可。

3、上傳一個新檔案進行測試，檢視附件詳情，檢視附件圖片的 URL，確認附件圖片的 URL 指向騰訊雲 COS。

四、擴充套件

1、使用 CDN 加速訪問：
儲存桶如果需要配置 CDN 加速，可參見 CDN 加速配置 文件。在外掛設定中將 URL 字首修改為預設 CDN 加速域名或自定義加速域名即可。

2、替換資料庫中的資源地址：
如果不是新建立的站點，資料庫當中必定是舊的資源連結地址，我們需要將資源地址進行替換，外掛提供了替換功能，請在首次替換前記得備份。

3、設定跨域訪問：
在文章中引用對應的資源連結，控制檯會提示跨域的錯誤No 'Access-Control-Allow-Origin' header is present on the requested resource。

原因是沒有新增 header。您需要在跨域訪問 CORS 設定中新增 HTTP Header 配置。下面提供兩種途徑進行配置：

i. 在 CDN 控制檯上配置

  • 如允許所有域名，則配置如下：
Access-Control-Allow-Origin: *

ii. 只允許您個人的域名訪問，則配置如下：

Access-Control-Allow-Origin: https://example.com

4、設定回源：

如果不在 WordPress 後臺媒體庫處上傳資源，建議開啟回源設定。開啟之後，客戶端首次訪問 COS 原始檔時，COS 發現無法命中物件時，對客戶端返回 302 HTTP 狀態碼並跳轉至回源地址對應的地址，此時物件由源站提供給客戶端，保證訪問。

同時 COS 從源站複製該檔案並儲存至儲存桶對應的目錄中；第二次訪問時 COS 直接命中物件並返回給客戶端。

五、總結

本文介紹 WordPress 的媒體庫附件遠端到物件儲存 COS 實踐分享到此結束，後續將會給大家帶來系列關於生態平臺/外掛相關內容，另外，我們還會為大家帶來豐富多彩的生態賦能活動，請敬請期待！

有關生態外掛及其他活動資訊
歡迎加入交流群，獲取生態活動最新資訊

— END —

相關文章