Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building Payment Service in Android App by LINE Pay API

LINE Developers Thailand
September 13, 2020
Technology
1
440

Building Payment Service in Android App by LINE Pay API

LINE Developers Thailand

September 13, 2020
Tweet

More Decks by LINE Developers Thailand

See All by LINE Developers Thailand
LINEDEVCONF2022: Tech Vision Keynote
linedevth
1
95
The Power of LINE API in 2022
linedevth
0
88
Traffy Fondue: City Maintenance Chatbot
linedevth
0
110
How MedCare MINI App save Lives Of Thai People
linedevth
0
53
Newest LINE Beacon Technology & Solution by Social Lab
linedevth
0
110
Real-time Estimation on Billion ows of events using Apache Druid
linedevth
0
43
Fly in the LINE APIs
linedevth
0
54
How to get away from bad UX: Micro-frontend Arc
linedevth
0
40
LINE API x KFC Chat Commerce
linedevth
0
72

Other Decks in Technology

See All in Technology
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
10
26k
CDK + ecspressoでお手軽コンテナ3分クッキング
yoyoyopg
0
130
2023.06.01_LangChain/Llamaindex/Whisperを使ったアプリケーション開発のまとめと展望
pharma_x_tech
0
660
【Oracle Cloud ウェビナー】Oracle Databaseはクラウドに移行するべきか否か 全10ケースをご紹介 (2023年5月24日)
oracle4engineer
PRO
1
120
Vault Secrets Operator と Dynamic Secrets で安全にシークレットを使おう / Vault Secrets Operator and Dynamic Secrets
nnstt1
3
310
フルComposeでTVアプリを作った話
sasakitomohiro
0
300
時系列データをChatGPTで読み解いてみる【IoT-Tech Meetup】
soracom
PRO
0
780
JUnitテストをCI環境で並列で実行する方法とその速度, スケーラビリティ
nabedge
4
250
Turbinando Microsserviços com Distributed Cache
jordihofc
1
350
NestJS をかじってみた / MIERUNE BBQ #01 / #mierune
tacck
0
250
失敗から学ぶQA組織
taro_nanairo
1
230
何故、UseCaseは1メソッドなのか
okuzawats
2
360

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
16
1.3k
A Tale of Four Properties
chriscoyier
149
21k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
152
13k
10 Git Anti Patterns You Should be Aware of
lemiorhan
644
55k
Fireside Chat
paigeccino
18
2.1k
Why You Should Never Use an ORM
jnunemaker
PRO
49
8.1k
Robots, Beer and Maslow
schacon
154
7.5k
Building Applications with DynamoDB
mza
86
5.1k
Designing the Hi-DPI Web
ddemaree
273
33k
The Cult of Friendly URLs
andyhume
70
5.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
3
550
Designing with Data
zakiwarfel
92
4.3k

Transcript

  1. 14:25 - 15:55
    Somkiat Khitwongwattana
    Building Payment
    Service in Android App
    by LINE Pay API
    Android Engineer, LINE MAN Wongnai

    View Slide

  2. View Slide

  3. Building Payment
    Service in
    Android app by
    LINE Pay API

    View Slide

  4. Thailand
    Global, Japan and Taiwan

    View Slide

  5. View Slide

  6. View Slide

  7. Reduce your costs
    Reasonable fees
    Increase your sales
    Convenient to use
    LINE Pay API
    Why?

    View Slide

  8. 4.5 Million Rabbit LINE Pay Users
    Thailand in 2018
    ~ 10.2% of LINE Users
    source : vgi.co.th

    View Slide

  9. LINE MAN JD CENTRAL Watsons Konvy
    myAIS
    McDonald's
    Thailand
    OfficeMate
    and more!

    View Slide

  10. Registration

    View Slide

  11. https://pay.line.me
    For Merchant

    View Slide

  12. https://pay.line.me/th/developers/main/main
    For Developer

    View Slide

  13. View Slide

  14. View Slide

  15. View Slide

  16. View Slide

  17. View Slide

  18. View Slide

  19. View Slide

  20. Integration

    View Slide

  21. LINE Pay API Version 3
    Version 2
    Version 1
    https://pay.line.me/documents/online_v3_en.html

    View Slide

  22. https://bit.ly/integrate-line-pay-api-v3-th
    LINE Chat Bot + LINE Pay API

    View Slide

  23. LINE Pay
    API
    Your
    Server
    Your
    App
    LINE
    App
    Android Server

    View Slide

  24. Navigate App to Rabbit LINE Pay
    Your App
    LINE App

    View Slide

  25. Navigate App to Rabbit LINE Pay
    Your App
    LINE App

    View Slide

  26. Navigate App to Rabbit LINE Pay
    Your App
    LINE App

    View Slide

  27. Navigate App to Rabbit LINE Pay
    Your App
    LINE App

    View Slide

  28. Transaction Successful
    Your App
    LINE App

    View Slide

  29. Transaction Successful
    Your App
    LINE App

    View Slide

  30. Transaction Successful
    Your App
    LINE App

    View Slide

  31. Transaction Successful
    Your App
    LINE App

    View Slide

  32. Transaction Cancelled
    Your App
    LINE App

    View Slide

  33. Transaction Cancelled
    Your App
    LINE App

    View Slide

  34. Transaction Cancelled
    Your App
    LINE App

    View Slide

  35. Transaction Failed
    Your App
    LINE App

    View Slide

  36. Transaction Failed
    Your App
    LINE App

    View Slide

  37. Transaction Failed
    Your App
    LINE App

    View Slide

  38. Your App LINE App Your Server LINE Pay API
    Start

    View Slide

  39. Your App LINE App Your Server LINE Pay API
    Create Order
    Start

    View Slide

  40. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Start

    View Slide

  41. Request API's request body

    View Slide

  42. Request API's request body

    View Slide

  43. Request API's request body

    View Slide

  44. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Start

    View Slide

  45. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Response
    • Transaction ID
    • Payment Token
    • Payment URL
    Start

    View Slide

  46. Request API's response

    View Slide

  47. Request API's response

    View Slide

  48. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Response
    • Transaction ID
    • Payment Token
    • Payment URL
    Start

    View Slide

  49. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Response
    • Transaction ID
    • Payment Token
    • Payment URL
    Response
    • Payment URL
    Start

    View Slide

  50. Check LINE app and LINE Pay supported in Android

    View Slide

  51. Open Google Play or other app store to install LINE app

    View Slide

  52. Open LINE Pay API's payment URL

    View Slide

  53. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Response
    • Transaction ID
    • Payment Token
    • Payment URL
    Response
    • Payment URL
    Open LINE App
    (With Payment URL)
    Start

    View Slide

  54. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Response
    • Transaction ID
    • Payment Token
    • Payment URL
    Response
    • Payment URL
    Open LINE App
    (With Payment URL)
    Complete
    (By Deep Link)
    Start

    View Slide

  55. Deep Link From Rabbit LINE Pay
    ltdc://payment/confirm-order?transactionId=...&orderId=...
    Confirm URL
    ltdc://payment/cancel-order?transactionId=...&orderId=...
    Cancel URL

    View Slide

  56. Deep Link From Rabbit LINE Pay
    ltdc://payment/confirm-order?transactionId=...&orderId=...
    Confirm URL
    ltdc://payment/cancel-order?transactionId=...&orderId=...
    Cancel URL

    View Slide

  57. Activity with deep link for complete payment

    View Slide

  58. Activity with deep link for complete payment

    View Slide

  59. Activity with deep link for complete payment

    View Slide

  60. Activity with deep link for complete payment

    View Slide

  61. Activity with deep link for cancel payment

    View Slide

  62. Activity with deep link for cancel payment

    View Slide

  63. Activity with deep link for cancel payment

    View Slide

  64. Get query parameters from deep link's URL

    View Slide

  65. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Response
    • Transaction ID
    • Payment Token
    • Payment URL
    Response
    • Payment URL
    Open LINE App
    (With Payment URL)
    Complete
    (By Deep Link)
    Start

    View Slide

  66. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Response
    • Transaction ID
    • Payment Token
    • Payment URL
    Response
    • Payment URL
    Open LINE App
    (With Payment URL)
    Complete
    (By Deep Link)
    Order Payment Complete
    • Order ID
    Start
    • Transaction ID

    View Slide

  67. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Response
    • Transaction ID
    • Payment Token
    • Payment URL
    Response
    • Payment URL
    Open LINE App
    (With Payment URL)
    Complete
    (By Deep Link)
    Order Payment Complete
    • Order ID
    Confirm API
    Start
    • Transaction ID

    View Slide

  68. Confirm API's request body

    View Slide

  69. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Response
    • Transaction ID
    • Payment Token
    • Payment URL
    Response
    • Payment URL
    Open LINE App
    (With Payment URL)
    Complete
    (By Deep Link)
    Order Payment Complete
    • Order ID
    Confirm API
    Start
    • Transaction ID

    View Slide

  70. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Response
    • Transaction ID
    • Payment Token
    • Payment URL
    Response
    • Payment URL
    Open LINE App
    (With Payment URL)
    Complete
    (By Deep Link)
    Order Payment Complete
    • Order ID
    Confirm API
    • Payment Info
    Response
    Start
    • Transaction ID

    View Slide

  71. Confirm API 's response

    View Slide

  72. Confirm API 's response

    View Slide

  73. Confirm API 's response

    View Slide

  74. Confirm API 's response

    View Slide

  75. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Response
    • Transaction ID
    • Payment Token
    • Payment URL
    Response
    • Payment URL
    Open LINE App
    (With Payment URL)
    Complete
    (By Deep Link)
    Order Payment Complete
    • Order ID
    Confirm API
    • Payment Info
    Response
    Start
    • Transaction ID

    View Slide

  76. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Response
    • Transaction ID
    • Payment Token
    • Payment URL
    Response
    • Payment URL
    Open LINE App
    (With Payment URL)
    Complete
    (By Deep Link)
    Order Payment Complete
    • Order ID
    Confirm API
    • Payment Info
    Response
    Start
    End
    Response
    • Transaction ID

    View Slide

  77. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Response
    • Transaction ID
    Response
    • Payment URL
    Open LINE App
    (With Payment URL)
    Complete
    • Transaction ID
    Order Payment Complete
    • Order ID
    Confirm API
    • Payment Info
    Response
    Start
    End
    Response
    • Transaction ID

    View Slide

  78. Your App LINE App Your Server LINE Pay API
    Create Order
    Request API
    Response
    • Transaction ID
    Response
    • Payment URL
    Open LINE App
    (With Payment URL)
    Complete
    • Transaction ID
    Order Payment Complete
    • Order ID
    Confirm API
    • Payment Info
    Response
    Start
    End
    Response
    • Transaction ID

    View Slide

  79. Production
    API Endpoint
    https://api-pay.line.me
    Sandbox
    https://sandbox-api-pay.line.me

    View Slide

  80. Production
    API Endpoint
    https://api-pay.line.me
    Sandbox
    https://sandbox-api-pay.line.me

    View Slide

  81. Sandbox
    https://sandbox-web-pay.line.me/web/payment/...
    Web
    linesandbox://pay/payment/...
    App
    Production
    https://web-pay.line.me/web/payment/...
    Web
    line://pay/payment/...
    App

    View Slide

  82. Sandbox
    https://sandbox-web-pay.line.me/web/payment/...
    Web
    linesandbox://pay/payment/...
    App
    Production
    https://web-pay.line.me/web/payment/...
    Web
    line://pay/payment/...
    App

    View Slide

  83. View Slide