Day 25 - WooCommerce: 验收永丰银行刷卡流程

这个系列的 Day 19 至 Day 24 都是为了完成永丰银行数位金融 API ｢丰收款」结合 WooCommerce 付款机制进行信用卡付款。而且已经可以完成整个信用卡订单了。让我们来验收永丰金流刷卡流程吧！

购物流程

购物车

图 25-1: 购物流程 (1)

从选择商品到把商品加入购物车，然後进到结帐页面的这个步骤，和我们的信用卡付款机制没有关联性，只是先展示顾客在 WooCommerce 商店上，结帐之前的行为。

付款

图 25-2: 购物流程 (2)

位於结帐页面，选择我们设定好的付款选项「永丰金流信用卡付款」，按下「前网付款」，会画面会跳转至永丰银行的信用卡收款页面，填写完资料後送出，页面会回到本外挂设定好的资料接收网址，取得 PayToken 後，用该 token 去查询付款结果。

付款结果为成功，则转至结帐完成页面，显示订单资讯。

检查订单资讯

前段的流程有无成功，可以进到订单管理页面去确认。

图 25-3: 订单管理页面

测试结果 OK。订单已从「等待付款中」，转为「处理中」。

图 25-4: 订单管理页面

此笔 WooCommerce 订单与永丰银行收款平台的交易资料也成功加到订单备注中罗。

总结

信用卡付款的部分已经确定整合成功。交易正常运作中。接下来是让顾客可以在 WooCommerce 商店利用永丰 API 产生的虚拟帐号来进行 ATM 转帐付款。

这样一来，商城的付款方式的选择变多了，方便了没信用卡的顾客，增加了订单成交的机会喔。下一篇文章要介绍的是，建立虚拟帐号付款方式，我们明天见。