如何從博客來使用銀聯卡付款買書 — 無限循環的 debug 過程紀錄
無論如何就是要買到！
背景起源
『脆弱的反義詞不是堅強，而是反脆弱』 — 反脆弱 （塔雷博）
最近多位上海本地朋友都在看這本書，而且跟我說他們看的是台版，因為台版翻譯的比較接近原作（相比簡體版本），天貓/京東/當當大約一本 CNY 110，查了一下博客來的價格剛好在打折，秉持著好奇心以及為自己添購 2021 的書單的雀躍心情下，再加上看到了博客來可以使用銀聯卡支付的選項，內心滿懷期待，順便還添購了一直很想看的時間簡史，也一併納入 2021年的書單。
先講結論
如果你想要在博客來買書 + 使用銀聯卡付款，請先安裝、先安裝、先安裝安全元件。（重要的事情說三遍）
如果你在支付流程依舊遇到無法使用銀聯卡or任何一張China的銀行卡無法支付的問題，請查看下面你是漏了哪一種安全元件（這是銀聯卡/China銀行卡避免密碼從網路當中被竊取的安全機制）。
本次最卡的大魔王：安全元件
(1) 銀聯卡 (UPEditorEdgeMac.pkg)
由於我是到了支付頁面才發現我沒有裝過安全元件，如果不想重新下單博客來的朋友，可以搜尋關鍵字：安全控件+銀聯卡 or 到銀聯卡：安全控件說明下載。
(2) 中國銀行安全元件
直達中國銀行網銀登入頁面下方即可根據電腦系統下載。
線上支付失敗 For-Loop
由於真的太坑了，所以先記下一些注意事項防止之後想使用『銀聯卡』支付的朋友支付失敗，我的系統環境是 MacOS Catalina 10.15.6。
- 博客來連結到銀聯卡付款頁面是一次性的
千萬不要一看到博客來的支付工具可以使用銀聯卡就太 High (像我…)，跳轉到銀聯卡支付頁面之後，你會發現銀聯卡的支付頁面如果你的電腦不曾裝過，你就會卡在這一步，動彈不得（只能回到博客來頁面重新取消訂單 → 重新選購商品 → 放到購物車 → 選支付方式/寄送地址/發票設定) 。
這一步是說，你需要去裝銀聯卡的安全元件，在銀行卡密碼的地方點選：請點此安裝。下載安裝完畢之後，需要到系統設定 > 隱私權與安全打勾勾。（我只找到從銀聯卡下載的是 UPEdit），然後說要關閉整個瀏覽器重啟才會生效，但我親測無效。
2. 選擇你要使用的銀行卡，直接去該銀行的網站試試看你是否有通過安全元件檢測！以下以中國銀行為例子。
不要像我一樣…傻傻的一直重新取消博客來訂單，再訂一次進到付款頁面，然後發現選擇網銀付款之後，跳轉到『銀行的付款系統』後，才發現你沒有該銀行的安全元件。此次路徑依舊是：博客來 — > 銀聯卡 — > 中國銀行，因此依舊是一次性先經過銀聯卡的跳轉方式，一但失敗了，你還是要回到博客來頁面重新取消訂單 → 重新選購商品 → 放到購物車 → 選支付方式/寄送地址/發票設定…這個無限循環當中。
當你順利進入到銀聯卡付款頁面後，在右下角選擇『網銀付款』，點選之後你可以看到這些銀行，我選的是中國銀行，可以使用中行快付。
銀行網站安全元件的測試
- 尚未安裝/安裝後系統尚未檢測到安全元件的存在，在密碼欄位是呈現無法正常輸入的狀態。
在我測試銀聯卡付款系統的安全元件失敗了數次後（意味著我進行了博客來那套取消訂單 → 重新選購商品這個循環好多次…），才轉向用網銀付款，接著測試中行快付的安全元件。如果有在 Mac 隱私權與安全設定成功的話，就可以成功在密碼輸入的地方打字。我最後是在 Chrome 瀏覽器上測試成功的，Safari & FireFox 都失敗。
接著你可以開始輸入一些銀行卡付款資訊/手機簡訊驗證，總共三步驟，會先確認你的證件號碼/留的手機號後4位，還有設定中銀快付的預留信息。因為我已經開通過中銀快付了，所以付款資訊只會有下列欄位。基本上到這邊，朋友你已經確認你可以買得你想要買的書了！
使用者體驗與感想
- 銀行端/銀聯卡端的安全元件跟不上軟體更新 (iOS/Windows)
銀行的系統真的是很難不吐槽，尤其是支付跳轉頁面後的第一個下載安全元件連結與安裝，我想這裡應該就是使用者流失分析的最大斷點！（買意不堅定的消費者就因此不買書了，因為支付付款 GG，轉換率 GG）
2. 博客來的使用者體驗（condition on 支付失敗）
雖然不是博客來的鍋，但重新支付的成本真的也很大。建議如下：博客來多元的不同的支付渠道/方式，是否能在第一步選擇支付工具的時候，安裝協助安全元件檢測的功能？而不是到了銀聯卡介接支付頁面才發現不能支付。我想平台既然都提供了多元支付的功能，也能跟銀聯卡進行介接了，至此能看到平台對於多元支付選擇的野心。
如果能在支付頁面，在銀聯卡的支付方式像其他付款方式一樣以橘色連結提供支付說明（下紅框處），我想應該消費者不會這麼痛苦！還有在支付失敗的時候，我能夠看到該筆訂單尚未付款，但是我不能進行任何其他動作，只能取消訂單（然後還要我選原因= =）再進入重新選購商品的循環。也許團隊也能考慮 cache 消費者未付款成功訂單的商品 → 直接讓消費者能一鍵抵達重新選擇支付方式，不然買意不堅定的消費者真的就是掰掰。我覺得我的買意真的算是很堅定，就是要買到，而且不放棄博客來！
如果這篇文章有幫助到你，可以幫我在下方綠色的拍手圖示按5下，只要登入Google或FB，不需任何花費就能【免費支持】youmgmi 繼續創作。
