鐵人賽到今天剛好過了一半，沒有特別規劃看到那寫到那裡，但就是很剛好地花了 10 天的篇幅介紹永豐金流收款 API 的文件和細節，用了 5 天介紹筆者這次寫的 Sinopac PHP SDK。鐵人賽的下半場就交給 WooCommerce 囉。

WordPress 是目前世界上市佔率超過三成的內容管理系統(CMS, content management system)，而 WooCommerce 是 WordPress 的母公司 Automattic 開發的外掛，把 WordPress 搖身一變成為電子商城。在電商解決方案中，市佔率也超過三成，和第二名的 Shopify 囊括六成的份額，商機無窮。

付款外掛對於商城主人來說，是必須安裝的，不然無法結帳 XD。接下來的鐵人賽下半場，筆者帶大家一步一步將商城與金流串接，讓我們開始進入 WooCommerce 的世界吧！

主題章節

(一) 測試環境

既然要來設計外掛了，筆者就先預設讀者們已經是對 WordPress 有一定認識，並且很有興趣，有一定 PHP 程式基礎，所以不會從手把手安裝開始介紹，而是作為一個提供建議的角色，提醒開發者該準備什麼樣的工具及文件來作為入門點。

(二) 外掛設定介面

WooCommerce 在付款方面已經有定義好一系列的物件類別，只要照著文件規格走，就能建立起付款閘道 (payment gateway)。

(三) 資料串接

複雜的程式邏輯已經整進 Sinopac PHP SDK 裡了，開發者不用多費心，輕輕鬆鬆與付款閘道整合，與永豐金收款平台進行資料串接。

(四) 流程實測

刷卡流程、ATM 虛擬帳號付款流程實測，驗收串接成果。

行前準備

設計 WordPress 外掛很重要的觀念是 Hook 的使用，如果沒有這使用過 Event Dispatcher 這類套件或對設計模式 - 觀察者模式有瞭解的的話，建議以下的文章可以先閱讀筆者在去年鐵人賽的文章唷。

• Day 9 - PHP 設計模式：觀察者 (Observer)
• Day 28- WordPress 外掛設計實戰 (4) 深入淺出 WordPress Hook

因為接下來的程式設計會圍繞在使用 WooCommerce 已經定義好的 action / filter hook 的名稱之中，沒有先預習的話恐怕會有理解上的困難喔！

那一切的一切就從 Day 17 正式開始吧。