WP Rest API 常見的使用方式:以 React 和 iOS 為例

WordPress 網頁生成

  1. HTML 是純文字內容
  2. PHP 可以生成文字 > 生成 HTML
  3. MySQL 資料庫可以儲存文字資料
  4. PHP 可以從 MySQL 拿取文字資料
  5. WP 主要是由 PHP 製作而成

JavaScript 可以控制瀏覽器行為

BOM(Browser Object)

WordPress & Ajax

Ajax 是什麼?

非同步 JavaScript

WordPress 常見的 Ajax

  • 如區塊編輯器 Gutenberg
  • 聯絡表單 Contact Form 7(顯示出來的已提交提示訊息)

WordPress Rest API

在網域後面 /wp-json 可以直接找到。

鎖右鍵卻忘了鎖 wp-json?

是否要關掉 Rest API 的外掛?

小心會自動關閉,但是因為權限關係,後台不會受到影響


Web API

API(Application Programming Interface)

URL 與 Web API

Rest API

統一格式,幾乎可以直接從 url 知道目的。

WordPress 預設的 API 例子

  • /wp-json/wp/v2/posts:讀取所有文章
  • /wp-json/wp/v2/posts:
  • /wp-json/wp/v2/posts/42:

iOS 與 Andriod APP

React 能做 iOS 就能做

手機 APP 已經成為廣義的前端了,現在的 APP 資料幾乎都存在後端資料庫。APP 開發者要在開發功能的同時,開發後端管理介面有點太花時間。前後端分離可以使用相同的 API。


WooCommerce Rest API

本身不是非常好用,