Movable Type対応カート SKELETON CART でStripe決済に対応した話

2021年3月16日（火）にオンライン開催されたJP_Stripes Online Meetup!で使用した資料です。

Transcript

1. 1IPUPCZ#JTBLIB%BUUBPO6OTQMBTI
   .PWBCMF5ZQFରԠΧʔτ
   4,&-&50/$"35Ͱ
   4USJQFܾࡁʹରԠͨ͠࿩
   +1@4USJQFT0OMJOF.FFUVQ
   גࣜձࣾδϟΫελϙδγϣϯɹ੢ࢁɹହ࢙
   

   View Slide

2. ϋογϡλάɹ+1@4USJQFT
   ੢ࢁɹହ࢙ʢʹ͠΍·ɹ΍͢;Έʣ
   גࣜձࣾδϟΫελϙδγϣϯɹ୅දऔక໾ʗσΟϨΫλʔ
   ೥݄૑ۀɺ೥݄๏ਓԽʢ๏ਓظ໨ʣ
   ೥݄೔ੜ·Εɺࡀ
   ༦ு܊܀ࢁொग़਎ɺࡳຈޫ੕ߴߍʗ๺ւֶԂେֶ๏ֶ෦ଔۀ
   খḺ੨৭ਃࠂձ࿈߹ձৗ೚ཧࣄʢ೥݄ʙʣ
   தখػߏൢ࿏։୓ࢧԉΞυόΠβʔʢ೥݄ʙʣ
   ࣗশɿେऺञ৔ԶྲྀΤόϯδΣϦετʢ೥݄ʙʣ
   

   View Slide

3. ϋογϡλάɹ+1@4USJQFT
   ੢ࢁɹହ࢙ʢʹ͠΍·ɹ΍͢;Έʣ
   .PWBCMF5ZQFΛϓϥοτϑΥʔϜʹ΢ΣϒαΠτΛߏங
   ೥ɹ1SP/FUʢγοΫεɾΞύʔτࣾύʔτφʔʣՃໍ
   ೥ɹ.5՜ҔΛελʔτ
   ೥ɹ.5%%$.FFUVQ)0,,"*%0։࠵
   ೥ɹ΢ΣϒσΟϨΫγϣϯݚڀձʢԾশʣΛελʔτ
   ೥ɹ.5%%$.FFUVQ)0,,"*%0։࠵
   ࡾ౓ͷ൧ΑΓ৯΂Δ͜ͱɺҿΉ͜ͱ͕޷͖
   

   View Slide

4. ϋογϡλάɹ+1@4USJQFT
   σΟϨΫλʔɹ໊
   σβΠφʔɹ໊
   .5ςϯϓϨʔτΤϯδχΞɹ໊
   ͦͷଞɺϑϩϯτΤϯυ΍։ൃύʔτφʔ
   ओͳۀ຿
   ɾ΢ΣϒαΠτߏஙʗ΢ΣϒίϯαϧςΟϯά
   ɾࣗࣾ։ൃ੡඼ൢച
   ɾ΢ΣϒγεςϜ։ൃ
   ɾҹ࡮෺σβΠϯɹɹɹɹɹɹɹɹɹɹɹ΄͔
   

   View Slide

5. ϋογϡλάɹ+1@4USJQFT
   

   View Slide

6. ϋογϡλάɹ+1@4USJQFT
   

   View Slide

7. ϋογϡλάɹ+1@4USJQFT
   %ZOBNJD1SFWJFX
   *NBHF6QMPBE6UJMJUZ
   .PWBCMF5ZQF༻ϓϥάΠϯ
   

   View Slide

8. ϋογϡλάɹ+1@4USJQFT
   ࣗࣾϓϩμΫτ4,&-&50/$"35
   IUUQTXXXKVYUBQPTJUJPOKQTLFMFUPODBSU
   

   View Slide

9. ϋογϡλάɹ+1@4USJQFT
   ຊ೔ͷΞδΣϯμ
   

   View Slide

10. ϋογϡλάɹ+1@4USJQFT
    4,&-&50/$"35ͱ͸
    4VSWJWF5IF$PSPOB
    4USJQF4JNQMFϓϥάΠϯ
    

    View Slide

11. ϋογϡλάɹ+1@4USJQFT
    4,&-&50/$"35ͱ͸
    

    View Slide

12. ϋογϡλάɹ+1@4USJQFT
    w ೥݄ϦϦʔε
    w )5.-ςϯϓϨʔτࣜͷγϣοϐϯάΧʔτʢ1)1ʣ
    w ओʹ΢ΣϒσβΠφʔ͞Μ΍΢Σϒ੍࡞ձࣾ޲͚
    w ϓϥάΠϯػߏʹΑΔ֦ுੑ
    w ൢച૯਺
    w .PWBCMF5ZQFͱ࿈ܞ͢ΔϓϥάΠϯΛϦϦʔε
    w ೥݄೔ʹWFSTJPOϦϦʔε
    4,&-&50/$"35ͱ͸
    

    View Slide

13. ϋογϡλάɹ+1@4USJQFT
    ωοτγϣοϓΛߏங͢ΔͨΊͷ
    γϣοϐϯάΧʔτ
    ΢ΣϒαΠτʗ$.4ʹ
    &$ػೳΛΞυΦϯ͢ΔγεςϜ
    

    View Slide

14. ϋογϡλάɹ+1@4USJQFT
    ωοτγϣοϓΛߏங͢ΔͨΊͷ
    γϣοϐϯάΧʔτ
    ΢ΣϒαΠτʗ$.4ʹ
    &$ػೳΛΞυΦϯ͢ΔγεςϜ
    ୭ΑΓ΋ࣗ෼͕ཉ͔ͬͨ͠
    

    View Slide

15. ϋογϡλάɹ+1@4USJQFT
    4VSWJWF5IF$PSPOB
    

    View Slide

16. ϋογϡλάɹ+1@4USJQFT
    ೥݄Ҏ߱
    

    ฐࣾΫϥΠΞϯτ͸΋ͪΖΜɺ೔ຊશࠃͷੜ׆ऀɺ
    

    ࣄۀऀ΁ίϩφͷӨڹ͕ग़࢝Ίͨ
    

    View Slide

17. ϋογϡλάɹ+1@4USJQFT
    גࣜձࣾԁ؁ຯ
    

    View Slide

18. ϋογϡλάɹ+1@4USJQFT
    w ݄೔ʹ4/4Λ௨ͯ͠ϔϧϓ
    w ࡳຈ঎޻ձٞॴ404ܝࣔ൘ʹܝࡌ͞Ε஫จ૿
    w ܾࡁαʔϏε1BZ1BMͰͷ໰୊ൃੜ
    w ݄೔ʹ4USJQF΁ͷҠߦΛܾఆ
    w ݄೔ʹϦϦʔεʢ݄೔ʹ+$#΋0,ʹͳͬͨʣ
    w ݄೔ʹʮώϧφϯσεʯʹऔΓ্͛ΒΕ஫จ૿
    w ໿ϲ݄ؒͰ ݅Λ௒͑Δ஫จʢ4USJQFར༻ͷΈʣ
    

    View Slide

19. ϋογϡλάɹ+1@4USJQFT
    ΢ΣϒαΠτ੍࡞ձࣾͱͯ͠
    ͳʹ͔Ͱ͖Δ͜ͱ͸ͳ͍͔
    

    View Slide

20. ϋογϡλάɹ+1@4USJQFT
    w ฐࣾʹ͸4,&-&50/$"35͕͋Δ
    w ԁ؁ຯ͞ΜͰ͸΋ͷ͍͢͝ޮՌ͕ಘΒΕͨ
    w 'BDFCPPLͰͦͷҙࢤΛॻ͍ͯΈΔ
    w ࣾ಺ϝϯόʔ͔Βͷڠྗ΋ಘΒΕΔ͜ͱʹͳͬͨ
    w ΍Βͳ͍ཧ༝͸ͳ͘ͳͬͨ
    

    View Slide

21. ϋογϡλάɹ+1@4USJQFT
    IUUQTXXXKVYUBQPTJUJPOKQTLFMFUPODBSUTVSWJWFUIFDPSPOB
    ·ͣ͸΍ͬͯΈΔ
    

    View Slide

22. ϋογϡλάɹ+1@4USJQFT
    w ୹ظؒɾ௿༧ࢉͰͷωοτγϣοϓߏங
    w ԁʢ੫ࠐʣͷϥΠηϯεඅ༻Λޙ෷͍
    w αʔόʔͱυϝΠϯͷબఆɾऔಘɾઃఆΛແঈ୅ߦ
    w 4,&-&50/$"35ઃஔ࡞ۀΛແঈ୅ߦ
    w ؆୯ͳΧελϚΠζΛແঈ୅ߦɹ˞ཁ૬ஊ
    w ΫϨδοτΧʔυܾࡁ4USJQFͷಋೖΛແঈ୅ߦ
    w ͱʹ͔͘ࠓ͙͢঎඼ΛചΕΔΑ͏ʹ͠Α͏
    

    View Slide

23. ϋογϡλάɹ+1@4USJQFT
    4USJQF4JNQMFϓϥάΠϯ
    

    View Slide

24. ϋογϡλάɹ+1@4USJQFT
    ͜Ε·ͰͷΫϨδοτΧʔυܾࡁ
    ࣗ਎ͷ΢ΣϒαΠτ
    ঎඼ϖʔδ 4,&-&50/$"35 ߪೖ׬ྃը໘ Χʔυ৘ใೖྗ
    ଞऀͷ΢ΣϒαΠτ
    ߪೖ׬ྃը໘͔Βඞཁͳ৘ใΛ1045ૹ৴
    ΫϨδοτΧʔυܾࡁ୅ߦձࣾΛݶఆ͢Δඞཁ͕ͳ͍
    4USJQF$IFDLPVUͳΒࢲʹ΋࣮૷Ͱ͖ͦ͏ʂ
    ܾࡁΛ๨ΕΔਓɺଟ਺
    

    View Slide

25. ϋογϡλάɹ+1@4USJQFT
    4USJQF$IFDLPVUͰͷ࣮૷͸/(
    ʢ4NBSUZͱ+BWB4DSJQUͷίʔυ໰୊ʣ
    4VSWJWF5IF$PSPOB։࢝ʹ͋ͨΓ
    ϓϥάΠϯͱͯ͠ϦϦʔε͍ͨ͠
    ʢʜͱɺ։ൃ୲౰͞Μʹ·Δ̽ʜ͓ئ͍͠·ͨ͠ʣ
    

    View Slide

26. ϋογϡλάɹ+1@4USJQFT
    ϓϥάΠϯͰͷΫϨδοτΧʔυܾࡁ
    ࣗ਎ͷ΢ΣϒαΠτ
    ঎඼ϖʔδ 4,&-&50/$"35 ߪೖ׬ྃը໘
    Χʔυ৘ใೖྗ
    4USJQF&MFNFOUTΛར༻͠ɺΧʔυ൪߸Λೖྗ
    ͢΂ͯࣗ਎ͷ΢ΣϒαΠτʢυϝΠϯʣͷதͰ׬݁Ͱ͖Δ
    

    View Slide

27. ϋογϡλάɹ+1@4USJQFT
    ϓϥάΠϯͷಋೖ͸εςοϓ
    4USJQFͰΞΧ΢ϯτΛ࡞੒
    ϓϥάΠϯΛΠϯετʔϧ
    ϓϥάΠϯͷઃఆʢ$PO
    fi
    HʣΛมߋ
    

    View Slide

28. ϋογϡλάɹ+1@4USJQFT
    SFUVSOBSSBZ
    4USJQF"1*,FZ
    QVCMJD"QJ,FZQL@UFTU@9999999999999999999
    TFDSFU"QJ,FZTL@UFTU@9999999999999999999
    JOJUQIQͰࢦఆͨ͠ɺΫϨδοτΧʔυͷQBZNFOU@XBZͷΠϯσοΫε൪߸
    QBZNFOU@XBZ
    
    
    $PO
    fi
    HQIQͷҎԼΛॻ͖׵͑Δ͚ͩ
    ϓϥάΠϯͷઃఆʢ$PO
    fi
    HʣΛมߋ
    

    View Slide

29. ϋογϡλάɹ+1@4USJQFT
    ࣮ࡍͷը໘ભҠ
    ঎඼ϖʔδ Χʔτͷத਎ ߪೖऀ৘ใೖྗʴܾࡁํ๏બ୒
    ࣮ࡍͷσϞ͸ͪ͜ΒͰ͓ࢼ͍͚ͨͩ͠·͢ɻ
    IUUQTTLFMFUPODBSUKVYUBQPTJUJPOEFWEFNPTUBOEBSE@@TUSJQFTBNQMF@JUFNIUNM
    

    View Slide

30. ϋογϡλάɹ+1@4USJQFT
    ࣮ࡍͷը໘ભҠ
    ߪೖऀ৘ใೖྗʴܾࡁํ๏બ୒ ಺༰֬ೝը໘
    ߪೖ׬ྃը໘
    ˙ΫϨδοτΧʔυܾࡁ
    ˙ͦͷଞͷܾࡁ
    ࣮ࡍͷσϞ͸
    ͪ͜Β
    ߪೖ׬ྃΛҰ୴ඇදࣔ
    ઌʹΧʔυܾࡁΛ࣮ߦ
    

    View Slide

31. ϋογϡλάɹ+1@4USJQFT
    ϦϦʔεʂ
    IUUQTXXXKVYUBQPTJUJPOKQTLFMFUPODBSUQMVHJOTTUSJQFTJNQMF
    

    View Slide

32. ϋογϡλάɹ+1@4USJQFT
    ͔ͤͬ͘ͳͷͰɺ։ൃ୲౰ʹ΋࿩Λฉ͍ͯΈ·ͨ͠
    2ࠓճɺ4USJQFΛར༻ͯ͠ΈͯͲ͏Ͱ͔ͨ͠ʁ
    "1)1ͷϥΠϒϥϦ͕༻ҙ͞Ε͍ͯͨͷͰ؆୯ͩͬͨ
    2࣮૷ʹ͋ͨͬͯࠔͬͨ఺ͳͲ͋Γ·͔ͨ͠ʁ
    " جຊతʹ͸ࠔΒͳ͔͚ͬͨΕͲɺ
    

    υΩϡϝϯτ͕ӳޠͳͷ͸ͪΐͬͱؾʹͳͬͨ
    

    ʢࡉ͔͍ͱ͜ΖͰೝ͕͍ࣝ͋ͬͯΔ͔ށ࿭ͬͨʣ
    ΧʔϦʔϒϥέοτגࣜձࣾɹԕ౻͞Μ
    

    IUUQTXXXDVSMZCSBDLFUDPKQ
    

    View Slide

33. ϋογϡλάɹ+1@4USJQFT
    ྑ͔ͬͨʜʢ҆৺ʣ
    ࣍ճҎ߱ͷ։ൃ΋ʮ4USJQFͰʂʯͱ
    ͓ئ͍͠΍͍ۭ͢ؾΛײ͡·ͨ͠ɻ
    

    View Slide

34. ϋογϡλάɹ+1@4USJQFT
    .PWBCMF5ZQFରԠΧʔτ4,&-&50/$"35Ͱ
    4USJQFܾࡁʹରԠͨ͠࿩
    גࣜձࣾδϟΫελϙδγϣϯɹ੢ࢁɹହ࢙
    Let’s
    
    
    TRY!
    

    View Slide