月額10円から作るServerless Website〜Azure編〜/serverlessfukuoka-20170825

by Kunihiro Morita

Slide 1

Slide 1 text

ֹ݄10ԁ͔Β࡞Δ Serverless Website ʙAzureฤʙ #serverlessfukuoka 2017/8/25 Serverless Meetup Fukuoka #1 1

Slide 2

Slide 2 text

AWSฤ(2016/3/21)1 1 https://speakerdeck.com/morita92hiro/yue-e-10yuan-karazuo-ruserverless-website 2017/8/25 Serverless Meetup Fukuoka #1 2

Slide 3

Slide 3 text

৿ా๜༟ גࣜձࣾΦϧλʔϒʔε ιϦϡʔγϣϯΞʔΩςΫτ @morita92hiro http://hawaku.hateblo.jp 2017/8/25 Serverless Meetup Fukuoka #1 3

Slide 4

Slide 4 text

ʮ1܅ɺLPαΠτ࡞ͬ ͯɻCMS͸͍Βͳ͍ɻʯ 2017/8/25 Serverless Meetup Fukuoka #1 4

Slide 5

Slide 5 text

>>1ʮWeb Appsͷग़൪΍ʂʯ 2017/8/25 Serverless Meetup Fukuoka #1 5

Slide 6

Slide 6 text

Web Apps • WebαΠτɺWebΞϓϦͷϗετʹ࠷దԽͨ͠αʔϏε • ߴՄ༻ੑɺCI/CD • αΠτ٧Ί์୊ 2017/8/25 Serverless Meetup Fukuoka #1 6

Slide 7

Slide 7 text

ʮ1܅ɺ͓໰͍߹Θͤϖʔδ࡞ͬͯʯ >>1ʮ͋ͬɺ͸͍ʯ 2017/8/25 Serverless Meetup Fukuoka #1 7

Slide 8

Slide 8 text

Web Apps • ASP.NETɺNode.jsɺJavaɺPHPɺPython • on Linux(preview) • Node.jsɺPHPɺ.NET CoreɺRubyɺDocker 2017/8/25 Serverless Meetup Fukuoka #1 8

Slide 9

Slide 9 text

ʮ1܅ɺHTTPSԽΑΖʯ 2017/8/25 Serverless Meetup Fukuoka #1 9

Slide 10

Slide 10 text

HTTPSԽ • SSLΛߪೖͯ͠ಋೖ • ֦ுػೳͱͯ͠Let's Encrypt͕࢖͑Δ 2017/8/25 Serverless Meetup Fukuoka #1 10

Slide 11

Slide 11 text

>>1ʮWebαΠτʹ Web App͸࠷ద΍͊… ( ˘ω˘)ţźōʯ 2017/8/25 Serverless Meetup Fukuoka #1 11

Slide 12

Slide 12 text

ʮ1܅ɺྉ͕ۚɻ10ԁͲ ͍ͬͨ͜ʁʯ 2017/8/25 Serverless Meetup Fukuoka #1 12

Slide 13

Slide 13 text

>>1ʮWeb App Freeϓ ϥϯʹมߋʂʯ 2017/8/25 Serverless Meetup Fukuoka #1 13

Slide 14

Slide 14 text

>>1ʮFreeϓϥϯ͸ΧελϜυϝΠϯ࢖͑ͳ͍ɾɾɾʯ 2017/8/25 Serverless Meetup Fukuoka #1 14

Slide 15

Slide 15 text

>>1ʮCDNೖΕͯΧελ ϜυϝΠϯׂΓ౰ͯʂʯ 2017/8/25 Serverless Meetup Fukuoka #1 15

Slide 16

Slide 16 text

Azure CDN • ίϯςϯπσϦόϦʔαʔϏε • GzipѹॖػೳͰ͞Βʹߴ଎ɺసૹίετ࡟ݮʂ 2017/8/25 Serverless Meetup Fukuoka #1 16

Slide 17

Slide 17 text

>>1ʮ͋ɺSSLূ໌ॻɾɾɾʯ 2017/8/25 Serverless Meetup Fukuoka #1 17

Slide 18

Slide 18 text

>>1ʮങͬͯ΋Β͓͏ʯ • Let's Encryptͷূ໌ॻ͸Azure CDNͰ΋(ͨͿΜ)࢖͑Δ • Let's Encryptͷূ໌ॻ͸3ϲ݄ظݶ • ࣗಈߋ৽ͷ࢓૊ΈΛ࡞ΔΑΓങ͏΄͏͕͍҆ʢ޻਺ʼߪೖʣ • DVূ໌ॻͳΒ1,000ԁ/೥લޙ͔ΒߪೖՄೳ • AWS Certiﬁcate Manager(ACM)͕Azureʹ΋ɾɾɾ|дƅ)ŧŽŕ 2017/8/25 Serverless Meetup Fukuoka #1 18

Slide 19

Slide 19 text

ొஃޙ௥هʢగਖ਼ʣ Azure CDNʹ΋HTTPS͕؆୯ʹ࢖͑Δػೳ͕͋Γ·ͨ͠ɻ • Azure CDN ΧελϜ υϝΠϯͷ HTTPS ͷ༗ޮԽ https://docs.microsoft.com/ja-jp/azure/cdn/cdn-custom-ssl 2017/8/25 Serverless Meetup Fukuoka #1 19

Slide 20

Slide 20 text

தؒ·ͱΊ • 10ԁ/݄͙Β͍ʁ+SSLূ໌ॻ୅(Web Appແྉϓϥϯ) • 1,000ԁ/݄͙Β͍ʁ(Web App༗ྉϓϥϯ)ɻαΠτ٧Ί์୊ 2017/8/25 Serverless Meetup Fukuoka #1 20

Slide 21

Slide 21 text

ʮ1܅ɺ͜ΕαʔόʔϨεͳͷʁʯ >>1ʮPaaSͰ͢ʯ 2017/8/25 Serverless Meetup Fukuoka #1 21

Slide 22

Slide 22 text

αʔόʔϨεͱ͸2 ऍᷟʹઆ๏Ͱ͕͢… αʔόʔϨε͸ɺαʔόʔ͕ͳ͍͜ͱΛࣔ͢Θ͚Ͱ͸ͳ͘ɺ։ ൃऀ͕αʔόʔʹ͍ͭͯ৺഑͢Δඞཁ͕ͳ͍͜ͱΛ͍ࣔͯ͠Δ ͚ͩͰ͢ɻ ैདྷͷΞϓϦέʔγϣϯ։ൃͷେ͖ͳ෦෼͸ɺΞϓ ϦέʔγϣϯͷཁٻΛຬͨͨ͢ΊͷιϦϡʔγϣϯͷεέʔϦ ϯάɺϗεςΟϯάɺ؂ࢹʹؔ͢Δ࣭໰ʹ౴͑Δͱ͜Ζʹ͋Γ· 2 https://docs.microsoft.com/ja-jp/azure/logic-apps/logic-apps-serverless-overview 2017/8/25 Serverless Meetup Fukuoka #1 22

Slide 23

Slide 23 text

>>1ʮมߋʂʯ 2017/8/25 Serverless Meetup Fukuoka #1 23

Slide 24

Slide 24 text

>>1ʮBLOB࢖͏Αʂʯ 2017/8/25 Serverless Meetup Fukuoka #1 24

Slide 25

Slide 25 text

Azure Blob Storage • ΦϒδΣΫτετϨʔδ • ؆қ੩తαΠτ • ৑௕ੑ(LRS/GRS/RA-GRS) 2017/8/25 Serverless Meetup Fukuoka #1 25

Slide 26

Slide 26 text

>>1ʮindex.htmlະରԠɾɾɾʯ http://example.com/΁ͷΞΫηεͰindex.htmlΛදࣔͯ͘͠Εͳ͍ 2017/8/25 Serverless Meetup Fukuoka #1 26

Slide 27

Slide 27 text

>>1ʮCDNೖΕΔʂʯ 2017/8/25 Serverless Meetup Fukuoka #1 27

Slide 28

Slide 28 text

Azure CDN Rules Engine3 • HTTPཁٻͷॲཧํ๏ΛΧελϚΠζՄೳ • ReWrite RuleͰindex.htmlରԠ5 5 https://stackoverﬂow.com/questions/37368829/azure-cdn-rules-engine-to-rewrite-default-document-and-remove-html- extension 3 https://docs.microsoft.com/ja-jp/azure/cdn/cdn-rules-engine 2017/8/25 Serverless Meetup Fukuoka #1 28

Slide 29

Slide 29 text

>>1ʮ͋ͬɺ͓໰͍߹Θ ͤϖʔδ!ʯ 2017/8/25 Serverless Meetup Fukuoka #1 29

Slide 30

Slide 30 text

>>ʮJSͰBLOBʹPOST͓ͯ͠໰͍߹ Θͤσʔλஔ͍ͯɺʯ 2017/8/25 Serverless Meetup Fukuoka #1 30

Slide 31

Slide 31 text

>>1ʮJS͕BLOB΁ͷॻ͖ࠐΈݖݶඞ ཁ΍͠ɺJSʹೝূ৘ใΛॻ͖ࠐΉͷ ͸ɾɾɾʯ 2017/8/25 Serverless Meetup Fukuoka #1 31

Slide 32

Slide 32 text

>>1ʮ࢖͍ࣺͯͳೝূ৘ใΛऔಘͰ͖ Ε͹ɾɾɾʯ 2017/8/25 Serverless Meetup Fukuoka #1 32

Slide 33

Slide 33 text

>>1ʮSASͱAzure Functionʂʯ 2017/8/25 Serverless Meetup Fukuoka #1 33

Slide 34

Slide 34 text

Shared Access Signatures(SAS) • ະೝূήετʹॻ͖ࠐΈݖݶ • Ұ࣌తͳೝূ৘ใΛൃߦ • SAS Token͸Azure Functionܦ༝Ͱऔಘ 2017/8/25 Serverless Meetup Fukuoka #1 34

Slide 35

Slide 35 text

Azure Function • ΠϕϯττϦΨʔͰىಈ • C#ɺF#ɺNode.jsɺPythonɺPHPɺBatchɺBash౳͕࢖͑Δ • ͓໰͍߹Θ͕ͤདྷͨΒඞཁͳ௨஌ઌ΁ 2017/8/25 Serverless Meetup Fukuoka #1 35

Slide 36

Slide 36 text

ิ଍ • ͓໰͍߹Θͤσʔλஔ͖৔ʹ͸CORSઃఆ • POST߈ܸ͞Εͨ͘ͳ͍ͷͰ͔ͬ͠Γ੍ݶ! 2017/8/25 Serverless Meetup Fukuoka #1 36

Slide 37

Slide 37 text

>>1ʮͰ΋௨஌ʹඞཁͳೝূ৘ใΛ FunctionʹຒΊࠐΈͨ͘ͳ͍ɾɾɾʯ 2017/8/25 Serverless Meetup Fukuoka #1 37

Slide 38

Slide 38 text

>>1ʮThe Twelve-Factor Appʯ4 4 https://12factor.net/ja/ 2017/8/25 Serverless Meetup Fukuoka #1 38

Slide 39

Slide 39 text

3ষ ઃఆ4 ઃఆΛ؀ڥม਺ʹ֨ೲ͢Δ ΞϓϦέʔγϣϯ͸࣌ʹઃఆΛఆ਺ͱͯ͠ίʔυ಺ʹ֨ೲ͢ Δɻ͜Ε͸Twelve-Factorʹҧ൓͍ͯ͠ΔɻTwelve-Factor͸ ઃఆ Λίʔυ͔Βݫີʹ෼཭͢Δ͜ͱ Λཁٻ͢Δɻઃఆ͸σϓϩΠ ͝ͱʹେ͖͘ҟͳΔ͕ɺίʔυ͸ͦ͏Ͱ͸ͳ͍ɻ 4 https://12factor.net/ja/ 2017/8/25 Serverless Meetup Fukuoka #1 39

Slide 40

Slide 40 text

>>1ʮAzure Functionͷ؀ڥม਺Λ࢖͏Αʯ 2017/8/25 Serverless Meetup Fukuoka #1 40

Slide 41

Slide 41 text

தؒ·ͱΊ • 10ԁ/݄͙Β͍ʁʴSSLূ໌ॻ୅ 2017/8/25 Serverless Meetup Fukuoka #1 41

Slide 42

Slide 42 text

ʮ1܅ɺ࣌୅͸ػցֶश΍ʯ 2017/8/25 Serverless Meetup Fukuoka #1 42

Slide 43

Slide 43 text

>>1ʮɾɾɾʯ 2017/8/25 Serverless Meetup Fukuoka #1 43

Slide 44

Slide 44 text

>>1ʮCognitive Services!ʯ 2017/8/25 Serverless Meetup Fukuoka #1 44

Slide 45

Slide 45 text

Cognitive Services • REST APIͷαʔϏε܈ • ײ৘ݕग़ɺࢹ֮ೝࣝɺԻ੠ೝࣝɺݴޠཧղͳͲ୔ࢁ • ػցֶशͷ஌͕ࣝͳͯ͘΋࢖͑Δ 2017/8/25 Serverless Meetup Fukuoka #1 45

Slide 46

Slide 46 text

Մೳੑ͸∞ • ࠓճͷέʔεͩͱ͓໰͍߹Θͤ಺༰Ληϯνϝϯτ෼ੳͱ͔ • ը૾ΛPOSTग़དྷΔΑ͏ʹͯ͠ը૚ղੳͱ͔ 2017/8/25 Serverless Meetup Fukuoka #1 46

Slide 47

Slide 47 text

ͪͳΈʹ 2017/8/25 Serverless Meetup Fukuoka #1 47

Slide 48

Slide 48 text

Azure Functionʹ௚઀POSTύλʔϯ • Funtion࣮ߦ࣌ؒ͸5෼7 • ௕͍λεΫ͸QueueΛڬΜͰϐλίϥ8 8 https://buildazure.com/2017/08/15/scaling-azure-functions-with-durable-functions/ 7 https://buildazure.com/2017/08/17/azure-functions-extend-execution-timeout-past-5-minutes/ 2017/8/25 Serverless Meetup Fukuoka #1 48

Slide 49

Slide 49 text

தؒ·ͱΊ • SAS+Azure Funtion(10ԁ/݄͙Β͍?+SSLূ໌ॻ) • Azure Function௚઀POST(10ԁ/݄͙Β͍?+SSLূ໌ॻ) 2017/8/25 Serverless Meetup Fukuoka #1 49

Slide 50

Slide 50 text

>>1ʮͦ͏ͩʂʯ 2017/8/25 Serverless Meetup Fukuoka #1 50

Slide 51

Slide 51 text

>>1ʮαʔόʔϨείʔυϨεʹ͠Α͏ʯ 2017/8/25 Serverless Meetup Fukuoka #1 51

Slide 52

Slide 52 text

>>1ʮLogic Appsʂʯ 2017/8/25 Serverless Meetup Fukuoka #1 52

Slide 53

Slide 53 text

Logic Apps • IFTTT΍myThingsɺMS FlowΈ͍ͨͳ΍ͭ • ը໘ϙνϙνͰઃఆɻInfrastructure as CodeͰ؅ཧՄೳ • ߴ౓ͳ͜ͱΛ͍ͨ͠ͱ͖͸Azure Functionͱ૊Έ߹ΘͤΔ 2017/8/25 Serverless Meetup Fukuoka #1 53

Slide 54

Slide 54 text

>>1ʮLogic AppsͷWebhookʹ CORSઃఆͰ͖ͳ͍ɾɾɾʯ 2017/8/25 Serverless Meetup Fukuoka #1 54

Slide 55

Slide 55 text

>>1ʮAzure Function ProxyڬΉʂʯ 2017/8/25 Serverless Meetup Fukuoka #1 55

Slide 56

Slide 56 text

Azure Function Proxy • ΤϯυϙΠϯτڞ௨Խ • API ManagementΑΓϥΠτʹ࢖͑Δ(Β͍͠) • CORSઃఆͰ͖Δ(ࠓճ͸͜Ε͕໨త) 2017/8/25 Serverless Meetup Fukuoka #1 56

Slide 57

Slide 57 text

ิ଍ࢿྉ FlowɺLogic AppsɺFunctionsɺWebJobsͷൺֱ9 de:code 2017ͰAzure FunctionsͱLogic Appsͷ࿩Λ͖ͯͨ͠10 Azure App ServiceɺVirtual MachinesɺService FabricɺCloud Servicesͷൺֱ11 11 https://docs.microsoft.com/ja-jp/azure/app-service-web/choose-web-site-cloud-service-vm 10 http://yoshidashingo.hatenablog.com/entry/2017/06/17/112504 9 https://docs.microsoft.com/ja-jp/azure/azure-functions/functions-compare-logic-apps-ms-ﬂow-webjobs 2017/8/25 Serverless Meetup Fukuoka #1 57

Slide 58

Slide 58 text

>>1ʮ৽αʔϏεʂʯ 2017/8/25 Serverless Meetup Fukuoka #1 58

Slide 59

Slide 59 text

Event Grid6 • 8/17஀ੜ • preview • αʔόʔϨεΞϓϦέγϣϯ։ൃ • OpsࣗಈԽ ࠓޙAzureͷαʔόϨεΞʔΩςΫνϟ ͷத৺ʹͳ͍ͬͯ͘ʁ 6 https://docs.microsoft.com/en-us/azure/event-grid/overview 2017/8/25 Serverless Meetup Fukuoka #1 59

Slide 60

Slide 60 text

Azure Container Instance • ίϯςφͷϑϧϚωʔδυαʔϏε • FaaSͷಈ࡞؀ڥͱͯ͠ • kubernetesͷԾ૝ϊʔυͱͯ͠΋ར༻Մ • preview 2017/8/25 Serverless Meetup Fukuoka #1 60

Slide 61

Slide 61 text

·ͱΊ • Web Appsύλʔϯ(ิ଍:Cognitive΋௥ՃͰར༻Մೳ) • Blobύλʔϯ 2017/8/25 Serverless Meetup Fukuoka #1 61

Slide 62

Slide 62 text

Serverless΋PaaS΋࠷దʹ࣮ݱͰ͖ Δग़དྷΔͳΒͲͪΒͰ΋(ɾ˲ɾ)ŘŘ!! 2017/8/25 Serverless Meetup Fukuoka #1 62