如何使用 WordPress 作為後端：REST API 入門資源

已發表: 2019-06-23

WordPress REST API 已經存在一段時間了，但是對於新手和非開發人員來說，了解它是什麼以及它為什麼重要可能不會立即清楚。 即便如此，這個工具對於各行各業的用戶來說都是一個方便的工具，因為它使您能夠將熟悉的 WordPress 界面單獨用作後端，並使用其他工具和語言開發前端。

這篇文章將介紹什麼是 WordPress REST API 及其功能。 我們還將分享一些步驟，以幫助您開始使用 WordPress 作為應用程序或網站的後端。

讓我們開始吧！

WordPress REST API 簡介

有很多文章解釋了 WordPress REST API 是什麼——我們之前甚至已經介紹過這一點——所以我們將保持簡短以避免重複。 簡而言之，應用程序編程接口 (API) 可以實現各種設備、應用程序和數據之間的連接。

一個有用的類比是將 API 視為在用餐者和廚房之間傳遞請求和響應的服務員。 在此示例中，您是用餐者，您嘗試與之通信的應用程序或數據庫是廚房，而您的“膳食”是您請求的數據。

Representational State Transfer (REST) 是一種“架構風格”或 API 類型。 它設計為輕量級，使用時需要的帶寬最少。 使用 REST API，您可以發出四種基本類型的請求：

  • GET ：從您正在與之通信的設備、應用程序或數據庫中檢索數據。
  • POST ：將數據添加到您正在與之通信的設備、應用程序或數據庫。
  • PUT ：更新您正在與之通信的設備、應用程序或數據庫上已有的數據。
  • DELETE ：從您正在與之通信的設備、應用程序或數據庫中刪除數據。

WordPress REST API 使用 JavaScript 對象表示法 (JSON) 來返回數據。 因此，當您將所有這些放在一起時，您將獲得一種通過使用 JSON 在 WordPress 網站和其他平台之間傳遞GET 、 POST 、 PUT和DELETE請求的輕量級方法。

了解 WordPress REST API 可以做什麼

看起來 WordPress REST API 對您來說並不是那麼有用，特別是如果您不是開發人員。 但是，API 可以做很多事情，即使是中級 WordPress 用戶也可能想嘗試，例如：

  • 同步內容。 您可以使用 REST API 使不同的 WordPress 站點能夠相互通信。 例如，您可以通過在當前網站和重新設計的版本之間同步內容來測試網站重新設計。
  • 聚合內容。 同樣，您還可以組合來自多個不同網站的內容。 以擁有多個地點的企業為例，每個地點都有自己的網站——您可以將所有三個地點的內容聯合到另一個綜合性網站上。
  • 設置 WordPress 數據 Google Sheet。 使用 REST API，您可以連接您的 WordPress 站點和 Google 表格。 這可以幫助您在電子表格中組織您的帖子，以隨時掌握內容更新。
  • 創建移動應用程序。 通過將您的 WordPress 站點連接到自定義應用程序前端，您可以創建一個移動應用程序來補充您的桌面站點。 這對於創建 WooCommerce 商店的應用程序版本等情況非常方便。
  • 使用“無頭”WordPress。 如果 WordPress 的前端顯示選項不適合您，REST API 使您可以使用 WordPress 進行所有內容創建和管理，同時在自定義網站或 Web 應用程序前端向用戶提供內容。 這被稱為“無頭”WordPress。

快速的谷歌搜索會發現許多其他使用 WordPress REST API 的方式。 但是，在本文的其餘部分，我們將重點介紹使用 WordPress 作為應用程序或網站的後端。

如何使用 WordPress 作為後端（分 3 個步驟）

有很多方法可以使用 WordPress 作為後端。 因此，這篇文章更像是對使用 WordPress REST API 這樣做的一般性介紹，而不是構建應用程序或解耦網站的完整指南。

雖然以下步驟已簡化以幫助您入門，但這意味著您可能需要研究特定於您的項目的其他指南。 但是，了解這些基礎知識將有助於簡化流程。

步驟 1：將內容加載到 WordPress 並測試 REST API

使用 WordPress 作為後端的第一步與啟動 WordPress 網站非常相似。 您需要一個 WordPress 安裝，其中包含您想要在您的網站或應用程序上的所有內容。 這可能是活動安裝或您為項目設置的新安裝。

您還必須致力於創建帖子和頁面、添加媒體文件以及您的項目在內容方面需要的任何其他內容。 基本上，您需要將您想要在您的網站或應用程序上擁有的所有內容放入 WordPress，因為這將是您管理內容的地方。

設置好所有內容後，您可能需要運行測試以了解 WordPress REST API 的工作原理。 幸運的是，您可以直接在瀏覽器中執行此操作。 只需輸入您的域，然後輸入wp-json/wp/v2/posts：

通過 WordPress REST API 請求所有帖子後返回的 JSON。

您應該會看到與上圖類似的內容，但顯示的 JSON 數量會因站點的填充情況而異。 您現在已成功使用 WordPress REST API 返回所有帖子的數據。 REST API 手冊還包含有關如何為其他信息執行此操作的信息。

回顧一下這一步：

  1. 首先，我們設置一個 WordPress 安裝作為我們的應用程序/網站的後端。
  2. 我們創建了想要在 WordPress 中作為帖子、頁面等顯示在項目前端的內容。
  3. 為了查看 REST API 的實際效果，我們在瀏覽器中返回了所有帖子的 JSON。

一旦您覺得自己掌握了所有這些部分如何協同工作，您就可以從站點的後端繼續進行前端的工作。

第 2 步：使用 React 設置您的應用程序或網站的前端

現在你已經弄清楚了“幕後”方面，你需要在你的應用程序或網站的用戶實際看到的部分上工作。 對於 WordPress 用戶來說，一種流行的方法是通過 React：

React 主頁。

對於初學者來說，React 是（如上圖中的標語所示）一個用於構建用戶界面的 JavaScript 庫。 它使您能夠創建稱為“組件”的元素，這些元素成為構成應用程序或網站前端的部分。 這可能包括帖子、按鈕、圖像或任何數量的其他特性和功能。

您可能還需要考慮許多其他平台來構建項目，因此請在提交之前貨比三家。 使用 React（或類似的）的完整細節超出了本文的範圍。 但是，一旦您確定了創建前端的方法，請注意所有配置，以便您準備好開始構建組件。

第 3 步：將您的 WordPress 後端連接到您的前端

到現在為止，您應該擁有 WordPress 後端和 React（或其他）前端。 現在，您只需要讓他們彼此交談，以便來自 WordPress 的數據呈現在您的應用程序或網站中。 這就是 WordPress REST API 的用武之地。

由於您已經測試了 API，並且已經看到它可以為您的帖子和其他內容返回數據，您知道它正在運行並準備就緒。 接下來，您需要創建使用 REST API 從 WordPress 檢索帖子並將其顯示在前端的組件。

如果您的編碼經驗很少，這就是事情變得非常棘手的地方。 如果您希望快速啟動您的應用程序或網站，最好聘請開發人員為您進行設置。 但是，如果您願意投入一些時間，您可以開始慢慢研究組件並邊學習邊學習。

我們已經寫過如何創建一個 React 組件來檢索您所有的 WordPress 帖子並將它們顯示在過去的應用程序中。 您可以使用這篇文章作為入門練習，或查看一些在線培訓課程。

使用 WordPress REST API 將所有內容放到前端后，您就可以開始創建更多（並且越來越複雜）的組件，然後進一步自定義站點的前端——同時使用 WordPress繼續創建和管理內容。

結論

當涉及到 WordPress REST API 時，肯定有一個學習曲線，特別是如果您的編碼知識最少。 但是，一旦您掌握了竅門，此功能可以幫助您擴展您的基本基礎，將 WordPress 用作您自己的應用程序或自定義網站的後端。

這篇文章提供了一些使用 WordPress 作為後端的基本、簡化的步驟。 讓我們快速回顧一下：

  1. 將內容加載到 WordPress 並測試 REST API。
  2. 使用 React 設置您的應用程序或網站的前端。
  3. 將您的 WordPress 後端連接到您的 React 前端。

您對 REST API 或使用 WordPress 作為後端有任何疑問嗎？ 在下面的評論部分詢問他們！

文章縮略圖圖片 Jesus Sanz / shutterstock.com