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

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

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

Transcript

1. -*/&Λ௨ͨ͡αϒεΫϦϓγϣϯମݧ Ϋϥεϝιουגࣜձࣾ
   ๺઒
   Ղಸ LIFF meets Stripe
2. ๺઒
   Ղಸ
   
   ͍͕ͨʔ
   !LOVOB@U  Ϋϥεϝιουגࣜձࣾ
   $9ࣄۀຊ෦
   -*/&ࣄۀ෦
   ৽ଔΤϯδχΞ࿮Ͱೖࣾ
   -*''ΞϓϦ-*/&ϛχΞϓϦͷϓϩμΫτϚωʔδϟʔ 
 1E.ͱͯ͠ϲ݄໨ʹಥೖ͠·ͨ͠ 
 ։ൃ΄΅΍ͬͯ·ͤΜʜ
   ෦ͷ࠾༻੹೚ऀ΋΍ͬͯ·͢
3. ຊ೔ͷΞδΣϯμ  w ר͖ࠐ·Εۦಈ͸͍͍ͧ
   w օ͞Μ͸ίϩφՒͷΠλϦΞྉཧ԰ͷΦʔφʔͰ͢
   w -*/&׆༻ʹ͔ܽͤͳ͍ɺ-*''ͱ͸Կ͔ɻ
   w $IFDLPVU $VTUPNFS
   1PSUBMͰܾࡁͷ࢓૊ΈΛ 
 ࡞ͬͯΈͨ 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Ͱ-*/&ͷެࣜΞΧ΢ϯτѼʹϝοηʔδΛૹ৴
     $VTUPNFS
    1PSUBMͰϓϥϯมߋͷݕ౼
27.  %FNP
    UJNF
28. օ͞Μ͸ΠλϦΞྉཧళͷΦʔφʔͰ͢ 
29. Φʔφʔ͸ؾ͍ͮͨ  αϒεΫϦϓγϣϯͰ͓ಘΑΓ΋ Ұճར༻ͷधཁͷํ͕ ߴ͍ͷͰ͸ʁ
30. 8FCαΠτ͕ͳͯ͘΋ΦϯϥΠϯൢചͷͰ͖Δ༏Εͨ΍ͭ  Stripe Payment Links
31. 4USJQF
    1BZNFOU
    -JOLT  ϙνϙνͯ͠ߦͬͨΒ ࢧ෷͍ϖʔδ͕࡞Δ͜ͱ͕Ͱ͖Δ
32. -*/&ͷެࣜΞΧ΢ϯτͷػೳͷҰͭ 
33. Ϧονϝχϡʔ  τʔΫը໘ͷԼ෦ʹදࣔ͞ΕΔϝχϡʔ ϦϯΫΛઃఆ͢Δ͜ͱͰ Ϣʔβʔͷߦಈ΁ͷ༠ಋ͕Մೳ
34. Ϧονϝχϡʔͷઃఆํ๏  LINE Of fi cial Account Manager Messesing API
35.  %FNP
    UJNF
36. ·ͱΊ  w 4USJQF͔Βఏڙ͞Ε͍ͯΔࢧ෷͍ϖʔδΛར༻͢Δ ͜ͱͰαΫοͱ։ൃఏڙͰ͖Δ
    w $IFDLPVUͱ$VTUPNFS
    1PSUBMͷ߹ΘٕͤͰ 
 αϒεΫϦϓγϣϯ͕؆୯ʹߏஙՄೳ
    w -*/&ͱ1BZNFOU
    -JOLTͷ૬ੑ͸ 
 ΍ͬͺΓྑ͔ͬͨʂ
    w ։ൃ͸ଓ͚ͳ͍ͱͩΊͩͳ
37. 8&
    "3&
    )*3*/(  ϓϩμΫτϚωʔδϟʔ αʔόʔαΠυΤϯδχΞ ϑϩϯτΤϯυΤϯδχΞ
38. .FFUZ΋࢝Ί·ͨ͠ʂ  https://meety.net/matches/WmptyDTEoEvr