串接WordPress json API – 原來wp還可以這樣玩

常常有人詬病Wordpress很大包,小編這邊無法反駁這點,畢竟整包檔案是真的滿大的,但一套系統有基本完整的功能(後台管理、使用者管理、文章管理、媒體庫管理)想不大包都很難呀,特別是它連API都幫你開好了!

其實Wordpress這套CMS系統有API已經是好幾年前的事了,目前整體的API架構已經來到第二版,官方文件檔也清楚列出所有接口,有興趣串接的使用者不妨花些時間閱讀一下有哪些接口是你可以使用的:http://v2.wp-api.org/

所以現在也有網站是單純將wordpress來做後台,前端網頁呈現部分透過wordpress系統本身所提供的API來抓取資料,如此操作的話可以很簡單地將後台網址設定為:admin.xyz.com,而前台主網站 xyz.com 就可以使用開發者所習慣的前端框架來做撰寫,不管是喜歡angular, react or vue 可以輕鬆地打造出一個有後台且前端可輕易打造介面的網站。

下面簡單示範如何透過ajax來載入由wordpress json API所開放的資訊,舉 Inside.com 硬塞科技網路新聞網站為例:(標準的Wordpress CMS,每個月sessions就有300萬,所以看看這個例子可以再次證明網站能否承載巨大流量跟Wordpress的關係實在不大阿)


根據wordpress API官方文件記載,以posts為例,基本外層的API網址架構為:/wp-json/wp/v2/posts,應用在Inside的話,網址就是:https://www.inside.com.tw/wp-json/wp/v2/posts,點擊連結即可看到所吐出之json data。

 

Leave a comment