Shopifyで採用されている
PayPal実装とそのデモ
2017.5.31 @PayPal Tech Meetup #5
Who‘s who?
2
Junichi Okamura (@benzookapi)
PayPal Integration Manager/Evangelist
Scala/Java/Node.js/Python/Ruby/PHP/../Mobile/../ppt
Rock/Beer/DQ/JOJO/I18N/Marketing/Payment
API愛好家、農業IT化支援、漫画家
© 2014 PayPal Inc. All rights reserved. Confidential and proprietary.
1998年設立。
17年以上の決済事業における実績を持つシリコンバレーのテックカンパ
ニーであり、約2億人が200以上の国と地域、100通貨以上で利用してい
る、Eコマースにおけるグローバルスタンダード
出発点はオンライン上でだれでも簡単に支払ったり、支払いを受けつけら
れる仕組みを提供し、起業家や中小企業を支援
規模に関わらず、世界中のバイヤーとセラーを安心・安全につなげて、
国境、通貨、デバイスに関係なく、生活やビジネスを簡単に
 日本では2012年4月より本格営業稼動。オフィスは青山・表参道に所在
PayPalの仕組み
PayPal は E コマースにおけるグローバルスタンダードです
本日お話ししたいこと
ShopifyでのPayPal実装の仕組み
及びそのデモ
©2016 PayPal Inc. Confidential and proprietary. 6
ShopifyにおけるPayPal実装
©2016 PayPal Inc. Confidential and proprietary. 7
①処理フロー
ユーザー
Shopify
PayPal
1.PayPal連携要求
2.パートナー用API呼び出し
6.ユーザー権限を付与
4. PayPalの特別な登録・ログインページにリダイレクト
5.PayPalにログインし、Shopifyに権限(Permission)を許可
3.トークンなどを発行
7.ユーザーの代理としてAPIをコールし、決済実行や情報参照を行う
8.ユーザーに取引したお金を提供(大事!)
設定
決済
ShopifyにおけるPayPal実装
©2016 PayPal Inc. Confidential and proprietary. 8
②設定に使われているAPI – Permission Service -
• 主にパートナーやマーケットプレイス向けに設計されたAPI代理呼び出しの権限を付与するAPI
− 「PayPal Developer site」> 「Docs」> 「Permissions」
• 同じことをAPI実装なしで、ユーザー(権限を与える側)がPayPal画面でもできる
− 「PayPal ビジネスガイド」> 「開発者向け」>「マーケットプレイス用決済」
APIでの権限付与画面
手動での権限付与画面
ShopifyにおけるPayPal実装
©2016 PayPal Inc. Confidential and proprietary. 9
③決済に使われているAPI – サードパーティ API コール -
• 同じくパートナーやマーケットプレイス向けに設計されたAPI代理呼び出しを実行する仕組み
− 「PayPal ビジネスガイド」> 「開発者向け」>「マーケットプレイス用決済」
Tech Meetup #1 で話しました!
https://eventdots.jp/eventreport/581666
ShopifyにおけるPayPal実装
©2016 PayPal Inc. Confidential and proprietary. 10
④決済時の3つのコンバージョンアップ– インコンテキスト+ワンタッチ+ショートカット -
1.インコンテキスト=サイト非離脱
2.ワンタッチ=ログインスキップ
3.ショートカット=住所自動入力
ShopifyにおけるPayPal実装
©2016 PayPal Inc. Confidential and proprietary. 11
①〜④までデモします!
デモ!
https://ppjptest.myshopify.com/products/test-product-1
その他PayPal決済でできること
• 都度決済(Checkout)
• 定期支払(Recurring Payment)
• 従量課金(Vault)
• マーケットプレイス用決済
• 送金(Payout)
©2016 PayPal Inc. Confidential and proprietary.
「PayPal ビジネスガイド」>「開発者向け」で検索!
アカウントを活かした
多様な使い方が可能
Shopifyで採用されている
PayPal実装とそのデモ
2017.5.31 @PayPal Tech Meetup #5

Shopifyで採用されているPayPal実装とそのデモ

  • 1.
  • 2.
    Who‘s who? 2 Junichi Okamura(@benzookapi) PayPal Integration Manager/Evangelist Scala/Java/Node.js/Python/Ruby/PHP/../Mobile/../ppt Rock/Beer/DQ/JOJO/I18N/Marketing/Payment API愛好家、農業IT化支援、漫画家
  • 3.
    © 2014 PayPalInc. All rights reserved. Confidential and proprietary. 1998年設立。 17年以上の決済事業における実績を持つシリコンバレーのテックカンパ ニーであり、約2億人が200以上の国と地域、100通貨以上で利用してい る、Eコマースにおけるグローバルスタンダード 出発点はオンライン上でだれでも簡単に支払ったり、支払いを受けつけら れる仕組みを提供し、起業家や中小企業を支援 規模に関わらず、世界中のバイヤーとセラーを安心・安全につなげて、 国境、通貨、デバイスに関係なく、生活やビジネスを簡単に  日本では2012年4月より本格営業稼動。オフィスは青山・表参道に所在
  • 4.
  • 5.
    PayPal は Eコマースにおけるグローバルスタンダードです
  • 6.
  • 7.
    ShopifyにおけるPayPal実装 ©2016 PayPal Inc.Confidential and proprietary. 7 ①処理フロー ユーザー Shopify PayPal 1.PayPal連携要求 2.パートナー用API呼び出し 6.ユーザー権限を付与 4. PayPalの特別な登録・ログインページにリダイレクト 5.PayPalにログインし、Shopifyに権限(Permission)を許可 3.トークンなどを発行 7.ユーザーの代理としてAPIをコールし、決済実行や情報参照を行う 8.ユーザーに取引したお金を提供(大事!) 設定 決済
  • 8.
    ShopifyにおけるPayPal実装 ©2016 PayPal Inc.Confidential and proprietary. 8 ②設定に使われているAPI – Permission Service - • 主にパートナーやマーケットプレイス向けに設計されたAPI代理呼び出しの権限を付与するAPI − 「PayPal Developer site」> 「Docs」> 「Permissions」 • 同じことをAPI実装なしで、ユーザー(権限を与える側)がPayPal画面でもできる − 「PayPal ビジネスガイド」> 「開発者向け」>「マーケットプレイス用決済」 APIでの権限付与画面 手動での権限付与画面
  • 9.
    ShopifyにおけるPayPal実装 ©2016 PayPal Inc.Confidential and proprietary. 9 ③決済に使われているAPI – サードパーティ API コール - • 同じくパートナーやマーケットプレイス向けに設計されたAPI代理呼び出しを実行する仕組み − 「PayPal ビジネスガイド」> 「開発者向け」>「マーケットプレイス用決済」 Tech Meetup #1 で話しました! https://eventdots.jp/eventreport/581666
  • 10.
    ShopifyにおけるPayPal実装 ©2016 PayPal Inc.Confidential and proprietary. 10 ④決済時の3つのコンバージョンアップ– インコンテキスト+ワンタッチ+ショートカット - 1.インコンテキスト=サイト非離脱 2.ワンタッチ=ログインスキップ 3.ショートカット=住所自動入力
  • 11.
    ShopifyにおけるPayPal実装 ©2016 PayPal Inc.Confidential and proprietary. 11 ①〜④までデモします! デモ! https://ppjptest.myshopify.com/products/test-product-1
  • 12.
    その他PayPal決済でできること • 都度決済(Checkout) • 定期支払(RecurringPayment) • 従量課金(Vault) • マーケットプレイス用決済 • 送金(Payout) ©2016 PayPal Inc. Confidential and proprietary. 「PayPal ビジネスガイド」>「開発者向け」で検索! アカウントを活かした 多様な使い方が可能
  • 13.

Editor's Notes