The 3rd Session of LINE Developer Meetup in Taiwan #5

2. 不好意思
請問您有聽過 嗎？

3. 在這之前
請⼤大家幫我在⼼心中默念念⼀一段⼝口訣

4. “ Get Prime ”
“ Pay By Prime ”

5. 信⽤用卡交易易流程

6. 授權 請款 結帳

7. 授權 請款 結帳

8. 發卡銀⾏行行 (Issuer) 收單銀⾏行行 (Acquirer)
商家 (Merchant)消費者 (Consumer)

9. 發卡銀⾏行行 (Issuer)收單銀⾏行行 (Acquirer)商家 (Merchant)消費者 (Consumer)
交易易授權

10. 收
商家 (Merchant)消費者 (Consumer)
消費者輸入信⽤用卡⾄至 網路路商店 交易易

11. 發
收單銀⾏行行 (Acquirer)商家 (Merchant)
r)
010110….…0110010
網路路商店 (伺服器)將交易易資訊送到收單銀⾏行行

12. 發卡銀⾏行行 (Issuer)
er)
收單銀⾏行行 (Acquirer)
收單銀⾏行行 透過 VISA/Master/NCCC 組織
向發卡銀⾏行行確認

13. 發
收單銀⾏行行 (Acquirer)商家 (Merchant)
r)
收單銀⾏行行回覆交易易結果

14. 收
商家 (Merchant)消費者 (Consumer)
成功，交易易結束

15. 授權 請款 結帳

16. 發卡銀⾏行行 (Issuer)收單銀⾏行行 (Acquirer)商家 (Merchant)消費者 (Consumer)
交易易請款

17. 收單銀⾏行行 (Acquirer)商家 (Merchant)
商家向銀⾏行行做每⽇日請款

18. r)
收單銀⾏行行 (Acquirer)商家 (Merchant)
回傳請款結果

19. 授權 請款 結帳

20. )
收單銀⾏行行 (Acquirer)
確認所有款項請款完成後結帳
發卡銀⾏行行 (Issuer)

21. 發卡銀⾏行行 (Issuer)收單銀⾏行行 (Acquirer)商家 (Merchant)消費者 (Consumer)

22. 發卡銀⾏行行 (Issuer)收單銀⾏行行 (Acquirer)商家 (Merchant)消費者 (Consumer)
信⽤用卡 傳輸、處理理、儲存

23. TapPay的價值

24. • 每年年維護成本⾼高（⼈人⼒力力、稽核費
⽤用）

25. SOAP
FILEJSON
SDK
⽀支援多間收單銀⾏行行
無痛串串接各種銀⾏行行規格

26. 付錢
退款
授權
請款
結帳
取消授權
取消請款
(部分)退貨

28. 接下來來，先看看熟悉的畫⾯面

31. • 網站風格不同造成使⽤用者體驗不⼀一致
• 多螢幕⼤大⼩小⽀支援度低
• 網⾴頁跳轉容易易失敗，導致掉單率上升

32. 調整後

34. 交易易成功

35. https://portal.tappaysdk.com
開始使⽤用

36. ⾸首先您要先註冊 TapPay 帳號

37. 新增完成後會是⼀一個未開通的帳號
進入正式環境前須先取得正式收單並完成審核

38. TapPay 會幫您建立預設的應⽤用程式
您會取得⼀一把前端的 API Key

39. 也會⾃自動幫您建立測試環境的收單銀⾏行行

40. 最後到帳⼾戶資訊取得您的後端 API Key

41. 接下來來進入各位關⼼心的開發階段

42. 前端串串接，以下畫⾯面由 Code Pen 提供

45. 畫⾯面長這樣

47. 嘿！你知道你完成50%的串串接了了嗎?

48. 後端串串接，以下畫⾯面由 Postman 提供

49. Request
Response

51. 你做到了了，串串⾦金金流其實就是這麼簡單

52. “Get Prime & Pay By Prime”

53. 參參考網址
Code Pen Demo: https://codepen.io/jexhuang/pen/JBzyWo
TapPay : https://www.tappaysdk.com/
TapPay Portal : https://portal.tappaysdk.com/login

54. 結束，謝謝您
The end, thank you!