$30 off During Our Annual Pro Sale. View Details »

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

Yausufmi Nishiyama
March 16, 2021
82

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

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

Yausufmi Nishiyama

March 16, 2021
Tweet

More Decks by Yausufmi Nishiyama

Transcript

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

    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