SPA on AWS

Transcript

1. SPA on AWS - Free Web Site Hosting - 2019.01.18 Netadashi Meetup #8 @urmot
2. ಥવͰ͕͢ɺ
3. ݸਓ։ൃͯ͠·͔͢ʁ
4. ࠓ೔͓࿩͢Δ಺༰ • SPAͰαʔϏεӡ༻͢Δ͓࿩ • ߏ੒ͷ͝આ໌ • ྉۚͷ͓࿩
5. SPAͰαʔϏεӡ༻͢Δ࿩
6. Ұ೥લ͘Β͍͔Βɺ WebαʔϏεͷӡ༻Λ։࢝
8. WebອըΛ·ͱΊΔαΠτ • Webອըͷ࿩΁ͷ௚ϦϯΫΛ·ͱΊͨαΠτ • CrawlerΛ࢖ͬͯϦϯΫΛऩू • React + ReduxͰSPA • API͸ServerlessͰExpress
9. ߏ੒ͷ͝આ໌
12. SPA഑৴෦෼ • CloudFront + S3 • ಠࣗυϝΠϯͰSSLʹରԠ • CDNͰߴ଎ʹ҆ఆͯ͠഑৴ • SSR͸ະ࣮૷
13. SPA഑৴෦෼ • σϓϩΠ΋؆୯ 1. JSΛbuild 2. S3ʹΞοϓϩʔυ 3. CloudFrontͷΩϟογϡΛΫϦΞ
14. SPA+CloudFrontͷ஫ҙ఺ • ϧʔτύε(/)Ҏ֎ͰϦϩʔυ͞Εͨࡍʹ404 • 404ͷ࣌ʹindex.htmlΛฦ͢Α͏ʹ͢Δ • CloudFrontͷError PagesͰઃఆՄೳ
16. APIαʔό෦෼ • API Gateway + Lambda + DynamoDBͰߏ੒ • Lambda্ͰExpressΛ࣮ߦ • aws-serverless-expressͰ࣮૷ • ৄ͘͠͸ͪ͜ΒͷهࣄΛࢀর
17. SPA+Lambdaͷ஫ҙ఺ • Lambdaίʔϧυελʔτ໰୊ • ϦΫΤετ͕ͳ͍ͱίϯςφ͕མͪΔ • ίϯςφͳ͍৔߹ɺॳظԽॲཧ͕૸Δ • ॳظԽॲཧͷϨΠςϯγ͕൒୺ͳ͍
18. Lambdaίʔϧυελʔτରࡦ • LambdaΛϗοτελϯόΠ͓ͯ͘͠ • CloudWatch EventsͰLambdaΛఆظ࣮ߦ • (ϦΫΤετ్͕ઈ͑ͳ͍ఔΞΫηεΛՔ͙)
19. ྉۚͷ͓࿩
21. ໊͓લ.comͷ1ԁυϝΠϯʂ
23. CloudFrontͷྉۚମܥ • Πϯλʔωοτ΁ͷσʔλసૹ (GB୯Ґ) • ΦϦδϯ΁ͷσʔλసૹ (GB୯Ґ) • HTTP/HTTPSϝιουϦΫΤετ (1ສ݅୯Ґ)
24. CloudFrontͷྉۚମܥ • Πϯλʔωοτ΁ͷσʔλసૹ (GB୯Ґ) • ΦϦδϯ΁ͷσʔλసૹ (GB୯Ґ) • HTTP/HTTPSϝιουϦΫΤετ (1ສ݅୯Ґ)
25. CloudFrontͷྉۚମܥ • HTTP/HTTPSϝιουϦΫΤετ (1ສ݅୯Ґ) ೔ຊ
    ؖࠃ
    ୆࿷
    γϯΨϙʔϧ ถࠃ )551   )5514  
26. CloudFrontͷྉۚମܥ • HTTP/HTTPSϝιουϦΫΤετ (1ສ݅୯Ґ) • ྫ: 100ສHTTPSϦΫΤετ (೔ຊ) • $0.012 * 100ສ / 1ສ = $1.2
28. DynamoDBͷྉۚମܥ • σʔλετϨʔδ (GB୯Ґ) • ಡΈࠐΈ/ॻ͖ࠐΈϦΫΤετ (1KB/sec)
29. DynamoDBͷྉۚମܥ • σʔλετϨʔδ (GB୯Ґ) • ຖ݄ɺ࠷ॳͷ25GBͷอ؅͸ແྉ • 25GBҎ߱͸$0.285/month
30. DynamoDBͷྉۚମܥ • ಡΈࠐΈ/ॻ͖ࠐΈϦΫΤετ (1KB/sec) ,#ͷ࣌ؒ͋ͨΓͷྉۚ ಡΈࠐΈ  ॻ͖ࠐΈ 
31. DynamoDBͷྉۚମܥ • ಡΈࠐΈ/ॻ͖ࠐΈϦΫΤετ (1KB/sec) • ຖ݄ɺ25[req/sec]͕ແྉ • 2ԯ݅ͷϦΫΤετॲཧʹे෼ͳ༰ྔ
32. ·ͱΊ
33. ؆୯ʹαʔϏεΛ࡞ΕΔ࣌୅ • εέʔϥϒϧ͔ͭ௿ίετ • NetlifyͳͲ੩త഑৴ಛԽαʔϏε΋ग़͍ͯΔ • AWS͸Ұ೥໨͸݁ߏແྉͰ࢖͑Δ
34. ཪٕ
35. AWS Promotional Credit for Alexa • Alexa SkillΛҰͭ࡞ͬͯެ։͢Δ • AWSͷ$100ͷΫϨδοτ͕໯͑Δ • ΫϨδοτ͸Ұ೥ؒ༗ޮ
36. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ