Upgrade to Pro — share decks privately, control downloads, hide ads and more …

LINEを通じたサブスクリプション体験 ~LIFF meets Stripe~

D10bbc54b6a5645bcf688d7ea96b02c2?s=47 Kana Kitagawa
September 03, 2021

LINEを通じたサブスクリプション体験 ~LIFF meets Stripe~

JP_Stripes (Stripe ユーザーグループ)Online Meetup Vol.3 - Customer Portal、使ってますか?で登壇させていただいた資料です。
https://eventregist.com/e/JP_Stripe_meetup_03

LINEを経由した新しいサブスクリプション体験、作ってみませんか?🍕

D10bbc54b6a5645bcf688d7ea96b02c2?s=128

Kana Kitagawa

September 03, 2021
Tweet

Transcript

  1. -*/&Λ௨ͨ͡αϒεΫϦϓγϣϯମݧ Ϋϥεϝιουגࣜձࣾ ๺઒Ղಸ LIFF meets Stripe

  2. ๺઒Ղಸ͍͕ͨʔ !LOVOB@U  Ϋϥεϝιουגࣜձࣾ$9ࣄۀຊ෦-*/&ࣄۀ෦ ৽ଔΤϯδχΞ࿮Ͱೖࣾ -*''ΞϓϦ-*/&ϛχΞϓϦͷϓϩμΫτϚωʔδϟʔ 
 1E.ͱͯ͠ϲ݄໨ʹಥೖ͠·ͨ͠ 
 ։ൃ΄΅΍ͬͯ·ͤΜʜ

     ෦ͷ࠾༻੹೚ऀ΋΍ͬͯ·͢
  3. ຊ೔ͷΞδΣϯμ  w ר͖ࠐ·Εۦಈ͸͍͍ͧ w օ͞Μ͸ίϩφՒͷΠλϦΞྉཧ԰ͷΦʔφʔͰ͢ w -*/&׆༻ʹ͔ܽͤͳ͍ɺ-*''ͱ͸Կ͔ɻ w $IFDLPVU

    $VTUPNFS1PSUBMͰܾࡁͷ࢓૊ΈΛ 
 ࡞ͬͯΈͨ EFNP  w Ϧονϝχϡʔʹ͓͚Δ1BZNFOU-JOLTͷ׆༻ w ·ͱΊ͓஌ΒͤͪͬͪΌ͍͓ئ͍
  4. ר͖ࠐ·Εۦಈ͸͍͍ͧ 

  5. ר͖ࠐ·Εۦಈ͸͍͍ͧ 

  6. ΍ͬͯΈΔ͔ʙʂ 

  7.  ͦ΋ͦ΋1BZNFOU-JOLTͩͬͨʜ

  8. εʔύʔϙδςΟϒ🐯  ͦͷ࿩΋͢Ε͹͍͔ͬʙʂʂ

  9. օ͞Μ͸ΠλϦΞྉཧళͷΦʔφʔͰ͢ 

  10. ੈؒ͸ίϩφՒɻߴ·ΔςΠΫΞ΢τͷधཁɻ  ΦϯϥΠϯܾࡁ͕ग़དྷΔ ςΠΫΞ΢ταʔϏεͰ΋࢝Ί͍ͨͳ

  11. ͏·͘૊Έ߹ΘͤͯͰ͖ͳ͍͔ɻ  ࠓɺ͋Δ΋ͷΛ׆༻͍ͨ͠ɻ

  12. ͳΜ͔؆୯ͬͯॻ͍ͯΔͧʙʂʂ  ✖

  13. -*/&׆༻ʹ͔ܽͤͳ͍ɺ-*''ͱ͸Կ͔ɻ  LINEࣾ͞Μ͕ఏڙ͢ΔwebΞϓϦͷ ϓϥοτϑΥʔϜ

  14. -*''ΞϓϦͷྑ͍ͱ͜Ζ  ެࣜΞΧ΢ϯτͷ׆༻ LINE UIDΛ׆༻ͨ͠ 
 ৽ͨͳϢʔβʔମݧఏڙ

  15. -*/&6TFS*%ͱ͸  γεςϜͰ෇༩͞ΕΔϢχʔΫͳID ݸผϢʔβʔ΁ͷ഑৴΋Մೳ

  16. -*/&ϛχΞϓϦͱͷൺֱϝϦοτ  εϚʔτϑΥϯ൛LINE&ϒϥ΢βͰಈ࡞Մೳ 
 ৹ࠪ΍ೝఆ͸ඞཁͳ͠

  17. -*''63-  LINE Developers ίϯιʔϧ͔Β 
 LINEϩάΠϯνϟωϧΛ௥Ճ͢Δͱ LIFF URL͕ൃߦ͞ΕΔ

  18. -*''63-͔Β-*''ΞϓϦ͕։͘·Ͱ  https://developers.line.biz/ja/docs/liff/opening-liff-app/#redirect- fl ow

  19. -*/&ϛχΞϓϦͱͷൺֱσϝϦοτ  ϗʔϜλϒ΍ΞϓϦͷݕࡧػೳʹग़ͳ͍ Service MessageτʔΫϧʔϜ࢖༻ෆՄೳ

  20. ΠλϦΞྉཧ԰ͷ௒؆୯ςΠΫΞ΢τϖʔδ  ࣮ࡍ࡞ͬͯΈͨ

  21. 4USJQFμογϡϘʔυͰͷࣄલ४උ  w ঎඼Λ௥Ճ w ໊લը૾ྉۚྉۚܗଶΛೖྗ w 1SJDF*%Λίϐʔ͓ͯ͘͠

  22. ຊ౰͸΍Γ͔ͨͬͨߏ੒ਤ  https://dev.classmethod.jp/articles/line-richmanu-change-demo/

  23. MPDBMIPTUͰڐ͍ͯͩ͘͠͞ʜ  ·͔͞ͷAmplifyͰ σϓϩΠͨ͠Β404

  24. ߏ੒ਤ  https://dev.classmethod.jp/articles/react-cdk-liff/

  25. ࢀߟʹ͍͖ͤͯͨͩ͞·ͨ͠ʂʂʂ  https://stripe.com/docs/billing/subscriptions/checkout https://www.digitalcube.jp/shiftercase/11464/

  26. σϞͷྲྀΕ   -*''ΞϓϦΛىಈ  αϒεΫ͍ͨ͠ϓϥϯΛબ୒  Ωϟϯηϧͨ͠৔߹͸τοϓϖʔδʹભҠ  4USJQFͰఏڙ͞Ε͍ͯΔࢧ෷͍ϖʔδͰ͓ࢧ෷͍

     8FCIPPLͰ-*/&ͷެࣜΞΧ΢ϯτѼʹϝοηʔδΛૹ৴  $VTUPNFS1PSUBMͰϓϥϯมߋͷݕ౼
  27.  %FNPUJNF

  28. օ͞Μ͸ΠλϦΞྉཧళͷΦʔφʔͰ͢ 

  29. Φʔφʔ͸ؾ͍ͮͨ  αϒεΫϦϓγϣϯͰ͓ಘΑΓ΋ Ұճར༻ͷधཁͷํ͕ ߴ͍ͷͰ͸ʁ

  30. 8FCαΠτ͕ͳͯ͘΋ΦϯϥΠϯൢചͷͰ͖Δ༏Εͨ΍ͭ  Stripe Payment Links

  31. 4USJQF1BZNFOU-JOLT  ϙνϙνͯ͠ߦͬͨΒ ࢧ෷͍ϖʔδ͕࡞Δ͜ͱ͕Ͱ͖Δ

  32. -*/&ͷެࣜΞΧ΢ϯτͷػೳͷҰͭ 

  33. Ϧονϝχϡʔ  τʔΫը໘ͷԼ෦ʹදࣔ͞ΕΔϝχϡʔ ϦϯΫΛઃఆ͢Δ͜ͱͰ Ϣʔβʔͷߦಈ΁ͷ༠ಋ͕Մೳ

  34. Ϧονϝχϡʔͷઃఆํ๏  LINE Of fi cial Account Manager Messesing API

  35.  %FNPUJNF

  36. ·ͱΊ  w 4USJQF͔Βఏڙ͞Ε͍ͯΔࢧ෷͍ϖʔδΛར༻͢Δ ͜ͱͰαΫοͱ։ൃఏڙͰ͖Δ w $IFDLPVUͱ$VTUPNFS1PSUBMͷ߹ΘٕͤͰ 
 αϒεΫϦϓγϣϯ͕؆୯ʹߏஙՄೳ w

    -*/&ͱ1BZNFOU-JOLTͷ૬ੑ͸ 
 ΍ͬͺΓྑ͔ͬͨʂ w ։ൃ͸ଓ͚ͳ͍ͱͩΊͩͳ
  37. 8&"3&)*3*/(  ϓϩμΫτϚωʔδϟʔ αʔόʔαΠυΤϯδχΞ ϑϩϯτΤϯυΤϯδχΞ

  38. .FFUZ΋࢝Ί·ͨ͠ʂ  https://meety.net/matches/WmptyDTEoEvr

  39. None