API型決済サービスから見る決済の未来

 API型決済サービスから見る決済の未来

PHPカンファレンス福岡2017で発表したスライドです。

APIへリクエストを送るだけでクレジットカード決済が出来てしまうAPI型決済サービス。導入もとても簡単で、直接カード情報を取り扱わないのでセキュリティ的にも安心です。 そして、各サービスを利用していると決済UIがとても似ていることに気が付きます。これが共通化されれば特別な実装なしで決済が出来てしまいます。

実はW3Cでは昨年からWeb決済 ""Payment Request API"" の仕様策定が進んでおり、一部ブラウザに既に実装されています。
そんなAPI型決済サービスの現状とPayment Request APIを踏まえて決済の未来についてお話します。

81011f5622102c067230901506f21e5f?s=128

gorou_178

June 12, 2017
Tweet

Transcript

  1. 2.

    ࣗݾ঺հ • גࣜձࣾΠϊϕʔλʔɾδϟύϯ • ݀Ҫ ྯ(Satoshi Anai) • WebΤϯδχΞ •

    @gorou_178 • ϑΝΠϧసૹαʔϏεʮtenpuʯ • WordPress • AWS
  2. 9.
  3. 12.

    PCI DSS: άϩʔόϧηΩϡϦςΟج४ • PCI DSS • Payment Card Industry

    Data Security Standard • ΫϨδοτΧʔυ৘ใ͓ΑͼऔҾ৘ใΛอޢ͢ΔͨΊ ͷࠃࡍن໿ • ࠷৽൛͸V3.2 • StripeɺPAY.JP͸PCI DSSʹ४ڌ͍ͯ͠Δ
  4. 18.
  5. 19.
  6. 20.
  7. 23.

    ֤αʔϏεͷUI͕ࣅ͍ͯΔ • ΫϨδοτΧʔυ • Χʔυ൪߸ • ໊ٛ • ༗ޮظݶʢ݄/೥ʣ •

    CVC • ސ٬؅ཧ༻ • ϝʔϧΞυϨε • ഑ૹઌ • ॅॴɺి࿩൪߸
  8. 27.
  9. 28.

    Payment Request API • W3CͰʮPayment Request APIʯͱ͍͏໊শͰ Working DraftΛ2016೥4݄ʹॳ൛ϦϦʔε •

    ฤूऀͱͯ͠ɺMicrosoftɺGoogleɺMozillaɺ Facebookͷਓʑ͕ؔΘ͍ͬͯΔ • طʹAndroid Chrome͸࣮૷ࡁΈɺMicrosoft Edge͕ର ԠΛਐΊ͍ͯΔ
  10. 32.
  11. 33.
  12. 34.
  13. 37.

    Payment Request APIͷϝϦοτ • ࢧ෷͍ϑΥʔϜ͕ڞ௨ • ΦʔτϑΟϧ͕ޮ͘ • Ұ౓ೖྗ͢Ε͹࠶ೖྗͷඞཁ͕ͳ͍ •

    →ར༻ऀ: ؆୯ʹߪೖͰ͖Δ • →ఏڙऀ: ߪೖͷোน͕Լ͕Δ • ࢧ෷͍ํ๏ͷબ୒ɺ഑ૹํ๏ͷબ୒΍ઃఆՄೳ • APIܾࡁαʔϏεΛ༗ޮ׆༻Ͱ͖Δ
  14. 38.

    Payment Request APIͷϝϦοτ • ࢧ෷͍ϑΥʔϜ͕ڞ௨ • ΦʔτϑΟϧ͕ޮ͘ • Ұ౓ೖྗ͢Ε͹࠶ೖྗͷඞཁ͕ͳ͍ •

    →ར༻ऀ: ؆୯ʹߪೖͰ͖Δ • →ఏڙऀ: ߪೖͷোน͕Լ͕Δ • ࢧ෷͍ϑΥʔϜ࡞੒ͷ޻਺࡟ݮ • APIܾࡁαʔϏεΛ༗ޮ׆༻Ͱ͖Δ
  15. 39.

    ग़య: ΑΓγϯϓϧͳ Web ͷܾࡁํ๏ : Payment Request API ͷ঺հ -

    Microsoft Edge Japan ͜͜ͰAPIܕܾࡁαʔϏε͕ར༻Ͱ͖Δ
  16. 40.
  17. 41.
  18. 43.

    Payment Request API let methodData = [{ supportedMethods: ['basic-card'], data:

    { supportedNetworks:['visa', 'jcb'] supportedTypes:['credit'] } }]; • ܾࡁํ๏ͷࢦఆ • ࢧ෷͍ํ๏
  19. 44.

    Payment Request API let details = { displayItems: [ {

    label: 'hoge', amount: {currency:'JPY', value:'100'} }, { label: 'fuga', amount: {currency:'JPY', value:'200'} } ], total: { label: 'total', amount: {currency:'JPY',value:'300'} } }; • ঎඼৘ใ • ௨՟ • Ձ֨ • ߹ܭ
  20. 45.

    Payment Request API let paymentRequest = new PaymentRequest(methodData, details); paymentRequest.show();

    • UIදࣔ • ܾࡁํ๏ͱ঎ ඼৘ใΛ౉͢ • show()Ͱදࣔ
  21. 54.

    ·ͱΊ • APIܕܾࡁαʔϏεͷಋೖ͸؆୯ • ৹ࠪظؒ͸஫ҙ • UI͸ڞ௨Խ͠Α͏ͱ͍͏ಈ͖ • Payment Request

    API • ϓϩάϨογϒ΢ΣϒΞϓϦͷྲྀΕ • Ծ૝௨՟ͷྲྀΕ • APIܕܾࡁʹରԠ͍ͯ͠ΔͱҠߦ΋؆୯
  22. 57.
  23. 60.

    ࢀߟࢿྉ w 4USJQF w 1":+1 w 1BZNFOU3FRVFTU"1* w 1BZNFOU3FRVFTU"1*Ͱ؆୯ɾߴ଎ͳܾࡁΛ࣮ݱ͢Δ w

    1$*σʔληΩϡϦςΟελϯμʔυ8JLJQFEJB w 1$*44$ 4FDVSJUZ4UBOEBSET$PVODJM ೔ຊޠ༁αΠτ w ΑΓγϯϓϧͳ8FCͷܾࡁํ๏1BZNFOU3FRVFTU"1*ͷ঺հ w 1BZNFOU3FRVFTU"1*౷߹ΨΠυ w 1BZNFOU3FRVFTU4BNQMF w 1BZNFOU3FRVFTU"1* 4USJQF%FNP w (PPHMF͕΋͏͙͢ϓϩάϨογϒ΢ΣϒΞϓϦ 1SPHSFTTJWF8FC"QQT Λ"OESPJEʹຊ֨తʹ౷߹ w Ծ૝௨՟ࢢ৔ͰࠓԿ͕ى͖͍ͯΔͷ͔ʁʕʕ࣌Ձ૯ֹԯυϧ͸όϒϧΛҙຯ͢Δͷ͔