4 mins read ‧ 2023/08/26 難

WooCommerce API 串接注意事項

---

分享兩個 WooCommerce API 小坑 ( 算坑嗎? )

1️⃣ 內容 iframe 過濾問題 / 轉換問題

有一個商品 ( 其他 Post 應該也一樣 ) 的內容裡面有個 youtube link 純文字格式

傳統編輯器 ( block editor 沒嘗試過 ) 會自動將 youtube link 轉為 iframe

此時在 WordPress 商品頁是看得到影片的

WooCommerce Store API 拿商品內容時， 會 自動過濾 iframe，所以你的 APP 商品頁是不會呈現 youtube 的

WooCommerce RESTFUL API 拿商品內容時， 不會 自動過濾 iframe，所以你的 APP 商品頁會呈現 youtube 的，就跟你的 WordPress 商品頁一樣

 

2️⃣ 簡單 / 可變 商品型別問題

WooCommerce Store API 的 簡單 / 可變 商品型別是 完全一致 的，也就是你不會突然去拿到一個不存在的屬性 (如果你寫 TypeScript 有定義好型別就沒差)

WooCommerce RESTFUL API 的 簡單 / 可變 商品型別是有 部分不同 的，也就是你可能會突然想存取某個不存在的屬性，導致 runtime Error

所以如果你的 APP 同時有使用到 WooCommerce Store API 、WooCommerce RESTFUL API 光商品型別就至少三套 (組合商品跟外部商品沒看)

 

 

結論

如果你的 APP 要能完整呈現 WordPress 的內容的話，建議使用 WooCommerce RESTFUL API 來取得商品資料

畢竟花了這麼多錢拍了影片，最後 APP 上卻看不到，這樣是不 OK 的