JAWS-UG 群馬 #2のLT資料です。
AWSαʔόʔϨεΞʔΩςΫνϟͰWebαΠτΛߏஙͯ͠Έͨ2018/12/18 JAWS-UG Gunma #2Hori Takashi
View Slide
ɾງ وࢺɹɹ@t_pori418ɾ܈അݝؗྛࢢࡏॅɾWebΤϯδχΞɾ͘ઙ͘ͳΜͰΓ·͢ ɾϑϦʔϥϯεͱWebγεςϜ։ൃձࣾͷWϫʔΫࣗݾհ
ʮاۀαΠτΛ৽͍ͨ͘͠͠ʯʮαΠτཧΛͰ͖ʹ͍͡ΕΔΑ͏ʹ͍ͨ͠ʢࠓ࣮ཧ֎ʣʯʮޙʑCMSԽ֎෦ͷ࿈ܞΓ͘͢ʯʮ҆ͭ͘͘ͳΒ͍҆ํ͕͍͍ʯܦҢ
AWSΛϝΠϯϓϩμΫτʹͬͯΔͷͰ αʔόʔϨεͲ͏͔ʁɾ੩తαΠτS3ͰϗεςΟϯάɾಈతίϯςϯπLambda ɾσʔλอ࣋DynamoDB/S3 ɾଞͷAWSαʔϏεͱ࿈ܞ͍҆͘͢͠(ଟ)ఏҊ
ߏਤ(؆қ)
ɾS3Λ༻ɾNuxt.js(Vue.jsͷϢχόʔαʔϧFW)ʹΑΔ ɹ੩తϑΝΠϧgenerate ɾCloudFrontʢCDNʣɾ໊͓લ.comͰ͍࣋ͬͯΔυϝΠϯΛroute53Ͱࢀর੩తϑΝΠϧϗεςΟϯά
ɾAPIʹΑΔಈతॲཧͷ࣮ߦɹ1. ͓͍߹Θͤػೳ ɹ2. ࠾༻Ԡืػೳɹ3. ࢿྉμϯϩʔυػೳ ॲཧͷྲྀΕɿAPIͰPOST͞ΕͨσʔλΛLambdaͰDaynamoDBʹอ/SESͰؔऀʹϝʔϧૹ৴/Slack࿈ܞ LambdaͰͷ࣮ํ๏Blogʹॻ͖·ͨ͠ɻ ( https://poriweb.hatenablog.com/entry/2018/12/14/073000 )ಈతॲཧ
ͬͯΈͨॴײ
ɾόοΫΤϯυͷαʔόʔཧ͕ͳ͘ͳָͬͯ ɾૄ݁߹ͰػೳΛΓ͚͍͢ɾDynamoDB͕ྑ͍ ɹ(ෳࡶͳ͜ͱΛΓͩ͢ͱͭΒͦ͏)
ࠓޙ࣮͍ͨ͜͠ͱ
ɾཧػೳʢ؆୯ͳCMSʣɾσϓϩΠͷࣗಈԽɾΞΫηεղੳʹΑΔͳΜΒ͔ͷΞϓϩʔν
͓·͚ɿAWS Amplifyͷεεϝ
Amplifyͱʁ ˠΣϒ/ϞόΠϧϓϥοτϑΥʔϜ͚ͷJavaScriptϥΠϒϥϦAWSͰΞϓϦέʔγϣϯΛߏங͢ΔͷʹศརͳػೳΛඋ͍͑ͯΔ
re:InventͰAWS Amplify Consle͕ొWebίϯιʔϧը໘ϙνϙνͰAWS AmplifyΛΈࠐΜͩWebΞϓϦΛߏஙɺϏϧυɺϦϦʔε͕Ͱ͖Δʂʂ (ͳ͓౦ژϦʔδϣϯ·ͩͷ༷)
͓·͚2ɿDaynamoDB On-Demand
re:InventͰDynamoDB On-DemandൃදɾϦΫΤετʹԠͨ͡ैྔ՝ۚϓϥϯɾϚωʔδυʹΩϟύγςΟΛཧͯ͘͠ΕΔɾΩϟύγςΟλϒͰϦΫΤετຖͷࢧ͍ΛબOK