でぶちゃんねる vol.27 EC-CUBE × MauticのAPI連携！ / Integration with EC-CUBE and Mautic

https://www.acquia.com/jp/events/webinars/acquia-devchannel-vol27

Transcript

1. EC-CUBE × MauticͷAPI ࿈ܞʂEίϚʔεʹϞμϯ ͳWebϚʔέςΟϯάΛ ಋೖͯ͠ΈΑ͏ • EC-CUBEͱMauticͷ֓ཁ • EC-CUBEɺMauticͷڞ௨఺ • ܨ͛ͯͰ͖Δ͜ͱ • ސ٬৘ใಉظσϞ • Q&A • ࣍ճ༧ࠂ ΞΫΠΞͷ։ൃऀ޲͚΢ΣϏφʔ ʮͰͿͪΌΜͶΔ ʯ
2. ʰͰͿͪΌΜͶΔʱͱ͸ʁ ΞΫΠΞδϟύϯ͕͓ಧ͚͢ΔʰͰͿͪΌΜͶΔʱͰ ͸ɺΤϯδχΞͷΈͳ͞·͕ٳܜ͠ͳ͕Βฉ͚ΔΑ͏ ͳɺΧδϡΞϧͳܗࣜͰςΫχΧϧ৘ใΛൃ৴͢Δ։ ൃऀ޲͚΢ΣϏφʔͰ͢ɻִिਫ༵೔͸ίʔώʔยख ʹ͝ΏΔΓͱ͝ࢹௌ͍ͩ͘͞ɻ ϋογϡλά #AcquiaJP Ͱײ૝ͳͲᄁ͍͍͚ͯͨͩΔ ͱخ͍͠Ͱ͢ʂ
3. ຊ೔ͷεϐʔΧʔ ΞΫΠΞδϟύϯ 
 ؛ढ़ฌ ιϦϡʔγϣϯΤϯδχΞ ΞΫΠΞδϟύϯ 
 ؙࢁͻ͔Δ ςΫχΧϧτϥϯεϨʔλʔ ͰͿͪΌΜͶΔ גࣜձࣾΠʔγʔΩϡʔϒ 
 ֿݪ ௚थ CCO
4. EC-CUBEͷ֓ཁ
5. • ੈքͰ།ҰͷΦʔϓϯιʔεMAπʔϧ • 2014೥૑ۀɺ2019೥5݄ʹΞΫΠΞ͕ങऩ 20ສ+ ར༻࣮੷ 35+ 
 ຋༁ݴޠ਺ 1,000ਓ+ ίϯτϦϏϡʔλʔ
6. • ʮۀքॳͷOpen DXPΛఏڙ͢Δʯ 
 ΞΫΠΞͷϏδϣϯΛ֦େ • MauticͷSaaS Campaign Studio Λఏڙ – ύϑΥʔϚϯεɺηΩϡϦςΟͳͲΞΫΠΞ͕୲ อ͠ػೳΛՃ͑ɺϚωʔδυαʔϏεͱͯ͠ఏڙ – ෳ਺ͷCampaign StudioΛ؅ཧ͢ΔϓϥοτϑΥʔ ϜʮCampaign FactoryʯͳͲͷಠࣗػೳ͋Γ ΞΫΠΞͱ Mautic ͷؔ܎ ΞΫΠΞ͸ Mautic ͷ࠷େͷίϯτϦϏϡʔλʔͰ͢
7. Mautic ͰͰ͖Δ͜ͱ σʔλͷಉظͱηάϝϯςʔγϣϯ • ސ٬ɺ঎඼σʔλͷಉظ • ҰׅΠϯϙʔτ • ϑΟʔϧυʹΑΔಈతηάϝϯτ • ސ٬ͷεςʔδઃܭ • ϥϯσΟϯάϖʔδͱϑΥʔϜ࡞ ੒ ύʔιφϥΠζͱΩϟϯϖʔϯ • WebαΠττϥοΩϯά • είΞϦϯά • ಛผΫʔϙϯͷϙοϓΞοϓ • AʗBςετ • Χΰམͪϝʔϧ ϚϧννϟωϧରԠͷϝοηʔδ഑৴ • ηάϝϯτϝʔϧ഑৴ • ϚʔέςΟϯάϝʔϧ഑৴ • LINEɺSMS σʔλͷ෼ੳɺϨϙʔτ • Ϩϙʔτ࡞੒ • μογϡϘʔυͷΧελϚΠζ
8. EC-CUBEͱMauticͷڞ௨఺ – Φʔϓϯιʔειϑτ΢ΣΞ – PHPʢSymfonyʣ – ϓϥάΠϯΤίγεςϜ
9. ΦʔϓϯAPIʹΑΔ࿈ܞ
10. ࿈ܞσϞ
11. APIΛ࢖༻ͯ͠ɺEC-CUBE ⁶ MauticؒͰ 
 ސ٬৘ใΛಉظͯ͠ΈΑ͏ ࿈ܞσϞ – Mautic REST API, webhook – EC-CUBE Web API ϓϥάΠϯ, webhook – Node.jsαʔόʔ(heroku) https://github.com/hmaruyama/eccube-mautic-demoapp
12. ࿈ܞσϞͷϑϩʔ ΫϥΠΞϯτ Node.jsαʔόʔ (heroku) EC-CUBE Mautic EC-CUBEαΠτ 
 Ͱձһొ࿥ ձһొ࿥ΛτϦΨʔʹ Webhook͕ൃՐ EC-CUBE GraphQL APIͰର ৅ͷސ٬৘ใΛऔಘ Mautic REST APIͰEC- CUBEͷސ٬৘ใΛૹ৴ POST /webhook/ec [{entity: customer, id: x, action: created}] success POST /api { customer(id:x) { id, name01, name02, email,company_name,phone_number }} {data: {customer: {id: x, name01: ؙࢁ, name02: … }}} POST /api/contacts/new {eccubecustomerid: x, lastname:ؙࢁ, firstname: … } success
13. σϞΞϓϦͷղઆ EC-CUBEଆͰߦ͏͜ͱ 1. EC-CUBE Web API ϓϥάΠϯͷ༗ޮԽ 2. APIΫϨσϯγϟϧͷ৽ن࡞੒ 3. Webhookͷ৽ن࡞੒ MauticଆͰߦ͏͜ͱ 1. APIΫϨσϯγϟϧͷ৽ن࡞੒ 2. Webhookͷ৽ن࡞੒ ɾΫϥΠΞϯτID ɾΫϥΠΞϯτγʔΫϨοτ ɾwebhookγʔΫϨοτ Λ߇͓͑ͯ͘
14. σϞΞϓϦͷղઆ # ϩʔΧϧ؀ڥʹϦϙδτϦΛΫϩʔϯ $ git clone git@github.com:hmaruyama/eccube-mautic-demoapp.git
 # Ϋϩʔϯͨ͠σΟϨΫτϦʹҠಈ $ cd eccube-mautic-demoapp # herokuΞϓϦΛ৽ن࡞੒ (ࣄલʹheroku CLIΛΠϯετʔϧ͓ͯ͘͠) $ heroku creat e # ιʔείʔυΛherokuʹσϓϩΠ $ git push heroku master Node.jsαʔόʔͷ༻ҙʢherokuͷྫʣ ࠷ޙʹɺherokuͷμογϡϘʔυ͔Β.envͰ࢖༻͍ͯ͠Δ؀ڥม਺Λ࡞੒͢Δɻ
15. ࢀর৘ใ – ৄࡉ͸ϒϩάهࣄʹͯ – https://www.acquia.com/jp/blog/the-sync-app-with-eccube-into-mautic – EC-CUBEެࣜαΠτ – https://www.ec-cube.net/ – EC-CUBE4 Web API ϓϥάΠϯ ։ൃυΩϡϝϯτ – https://doc.ec-cube.net/eccube-api4/ – MauticެࣜαΠτ – https://www.mautic.org/ – Mautic ։ൃऀ޲͚υΩϡϝϯτ – https://developer.mautic.org/
16. EC-CUBE × MauticͷAPI ࿈ܞʂEίϚʔεʹϞμϯ ͳWebϚʔέςΟϯάΛ ಋೖͯ͠ΈΑ͏ • EC-CUBEͱMauticͷ֓ཁ • EC-CUBEɺMauticͷڞ௨఺ • ܨ͛ͯͰ͖Δ͜ͱ • ސ٬৘ใಉظσϞ • Q&A • ࣍ճ༧ࠂ ΞΫΠΞͷ։ൃऀ޲͚΢ΣϏφʔ ʮͰͿͪΌΜͶΔ ʯ