欣迪

了解 WP REST 的特性後,這邊針對以下的可能性提出安裝建議。

安裝建議

狀況一、已經有一個 WP 網站,想利用它當作後台給其他應用提供資料

假設你已經有一個 WP 的網站,且運作良好。你希望能夠做一個簡單的子服務掛載在其他網域,例如: 心理測驗、美食地圖…等 。
那這邊幾乎不用做什麼多餘設定,之後的教學會依照可能的需求給予外掛安裝上的建議。

狀況二、只使用 WP 的後台,前端使用其他框架

由於這個網站,只負責提供資料,因此不應該安裝在主網域上。
例如 你希望你的網站名稱叫 example.com
那麼這個提供資料的網站建議使用一個副網域,例如 rest.example.com
Bluehost 在 subdomain 安裝 WordPress 可以參考以下連結:
https://www.youtube.com/watch?v=qKdZeXEbHn0&ab_channel=Davey%26Krista

其實所有的雲端主機都大同小異,找到對應的選項去做設定即可。

安裝外掛 WP API SwaggerUI

建議大家安裝 WP API SwaggerUI,這是一個很好用的 Rest Api 測試工具。

安裝完之後,可以在後台的 設定 >> Swagger 裡面找到以下畫面。

Docs URL 就可以看到 Swagger 的畫面

這時候只要點擊任何一個選項即可開始測試 API 的功能。注意! 除了 GET 方法以外,其他大部分 API 都需要登入權限,因此如果要使用 API 新增文章的話,需要做一個遠端登入的行為。這邊留待以後再進行教學。

在 SwagggerUI 點開 /wp/v2/posts/ ,它就會列出可預設的 API 變數,非常方便。有了這個工具,我們就可以在輕鬆取得 WP 資料庫內的資料。

到這裡我們已經完成最基礎的網站設置,接下來我們來製作一些範例,做一個簡易的 SPA 的網站。

訂閱 IT-Monk

訂閱最新文章的發布消息! 😚😚😚
Loading

作者介紹 - 欣迪

欣迪

從設計到寫程式,發現自己有追求前端技巧的自虐傾向。不斷的踩坑,再從坑裡爬出來,慢慢對攀岩有點心得。 目前在多間公司擔任網站設計顧問。 同時也是網站架設公司負責人。