ApplePay対応サービスを最速で作る

http://eventregist.com/e/JPStripes_Tokyo6 の発表スライドです。

Transcript

1. 
   
   +1@4USJQFT
   5PLZP
   7PM
   
   ఱ໺
   Ѯ
   
   .BNPSV
   "NBOP "QQMF1BZରԠαʔϏεΛ
   ࠷଎Ͱ࡞ΔͨΊʹ͸Ͳ͏͢Ε͹͍͍͔
2. ϓϩϑΟʔϧ w 8FCΤϯδχΞʢ3BJMT
   
   3FBDUʣ!גࣜձࣾΞΧπΩ
   w ৽نαʔϏε։ൃ
   w UXJUUFS
   !NVUBDIJJ
3. ಥવͰ͕͢
4. +0:.0 wIUUQTKPZNPIFSPLVBQQDPN
   
   w৚݅ʹϚον͓ͨ͠Ͱ͔͚ϓϥϯΛ
 ͭఏҊ͢ΔαʔϏε
   w"QQMF
   1BZରԠ
   
   ΫϨδοτܾࡁ
5. ѹ౗త.71
6. ৽نαʔϏε։ൃ w ͜ͷιϦϡʔγϣϯʹ͓ۚΛ෷ͬͯ͘ΕΔ͔ʁ
   w ࣄલʹݕূ͸͍ͯ͠Δ͕ɺݱ࣮͸Θ͔Βͳ͍ɻ.71ʹ࣮ࡍʹ͓ۚΛ෷ͬ ͯ΋Β͑Δ͔Ͳ͏͔͕େࣄɻ
   w ελʔτΞοϓʢ͡Όͳ͍͚ͲʣʹͱͬͯҰ൪وॏͳࢿݯ͸࣌ؒ
   w ૉૣ͘ɾָʹ࣮૷͍ͨ͠
7. 4USJQFͷ࢖͍Ͳ͜Ζʂ
8. ࣭໰ "QQMF1BZରԠαʔϏεΛ
   ࠷଎Ͱ࡞ΔͨΊʹ͸Ͳ͏͢Ε͹ ͍͍͔
9. ճ౴ 4USJQFΛ࢖͏
10. 
    "QQMF
    1BZ •Touch ID / Face ID Ͱ؆୯ʹܾࡁ͕ߦ͑Δɻ •ϝʔϧΞυϨεͷೖྗͱ͔ෆཁ •Ϙλϯ͕ஔ͍ͯ͋Δͱخ͍͠ɻͦͷαʔϏε͕޷͖ʹͳΔɻ
11. 1BZNFOU
    3FRVFTU
    #VUUPO var stripe = Stripe(gon.stripe_public_key); var paymentRequest = stripe.paymentRequest({ country: 'JP', currency: 'jpy', total: { label: ‘JOYMO ͝ར༻ྉۚ’, amount: 300 } }); var elements = stripe.elements(); var prButton = elements.create('paymentRequestButton', { paymentRequest: paymentRequest, }); paymentRequest.canMakePayment().then(function(result) { if (result) { prButton.mount('#payment-request-button'); } else { document.querySelector(‘.payment-request-button-wrapper') .innerText = ‘͝ར༻ͷ୺຤Ͱ͸Apple PayΛ͝ར༻͍ͨͩ͘͜ͱ͸ग़དྷ·ͤΜɻ'; } });
    a
    ͜ΕͰग़Δʂ
    
12. 1BZNFOU
    3FRVFTU
    #VUUPO paymentRequest.on('token', function(e) { var tokenInput = document.getElementById('stripeToken') tokenInput.value = e.token.id form.submit() }); UPLFO
    ΛಘͨΒϑΥʔϜΛ
    TVCNJU
    ͢Δɻ
13. 
    "QQMF
    1BZ·ΘΓͷ࿩ w ϩʔΧϧ؀ڥͰಈ࡞֬ೝ͢Δ࣌͸
    OHSPL
    Λ࢖͏ɻ
    w "QQMF
    1BZར༻ͷͨΊʹ͸ɺར༻͢ΔϗετΛొ࿥͢Δඞཁ͕͋Δɻ
    w ϗετΛຖճొ࿥͠௚͢ͷ͕গ͠໘౗ʜ
    w "QQMF
    1BZϘλϯ͕දࣔ͞Ε͍ͯͯ΋ɺ8FCܾࡁະରԠͰܾࡁͰ͖ͳ͍৔ ߹͕͋Δɻ
    w ެࣜͷࡌ͍ͬͯΔରԠΧʔυҰཡ͸࣮֬ʹ࢖͑Δ͸͚ͣͩͲɺͦΕҎ֎ ͷΧʔυ͕࢖͑Δ͔Ͳ͏͔͕Θ͔ΒΜ
14. ͍͞͝ʹ w ࣮૷͸΋ͪΖΜɺຊ൪ར༻৹ࠪ΋΄΅ϊʔλΠϜͳͷͰɺεϐʔυΛམͱ ͞ͳ͍։ൃΛ࣮ݱͰ͖ͨʂ
    w υΩϡϝϯτͷ׬੒౓ʢίϐϖϏϦςΟʣ
    μογϡϘʔυͷݟ΍͢͞ͳ ͲɺͲ͜Λͱͬͯ΋ຊ౰ʹ։ൃऀϑϨϯυϦʔ w 4USJQF࢖͓͏ʂ