AWS Amplifyで作るサーバーレスバックエンド

Transcript

1. AWS AmplifyͰ࡞Δ
 αʔόʔϨεόοΫΤϯυ JavaScriptͭ·Έ৯͍ LT ձ #4 
 ࠜ؛ప໵

2. ࣗݾ঺հ • ࠜ؛ప໵ • ϥϯαʔζגࣜձࣾ • ৽نࣄۀ • ओʹϑϩϯτ·ΘΓ୲౰ •

   ڵຯؔ৺ • React, Vue.js, TypeScript • αʔόʔϨε

3. ࣗݾ঺հ • ࠜ؛ప໵ • ϥϯαʔζגࣜձࣾ • ৽نࣄۀ • ओʹϑϩϯτ·ΘΓ୲౰ •

   ڵຯؔ৺ • React, Vue.js, TypeScript • αʔόʔϨε

4. αʔόϨε΁ͷϞνϕʔγϣϯ • ϑϩϯτΤϯυͷ͜ͱʹ஫ྗ͍ͨ͠ • αʔόଆͷ͜ͱ͸͋·Γߟ͑ͨ͘ͳ͍ • API͸୭ཱ͔͓͍ͯͯͯ΄͍͠ • Πϯϑϥ͸ద౰ʹ΍ͬͱ͍ͱ͍ͯ΄͍͠

5. None

6. ͸͡Ίʹ • ຊ೔ͷΰʔϧ • AWS AmplifyΛ࢖͏ͱͲΜͳ͜ͱ͕Ͱ͖Δ͔ཧղ • ར༻͢Δͱ͖ͷͬ͘͟Γงғؾ • ࿩͞ͳ͍͜ͱ

   • ۩ମతͳ࢖͍ํ • ެࣜυΩϡϝϯτΑΜͰͶ • https://aws-amplify.github.io/

7. AWS Amplifyͱ͸ • WebϑϩϯτΤϯυɾϞόΠϧ޲͚AWSΞϓϦέʔ γϣϯΛߏங͢ΔͨΊͷแׅతͳϥΠϒϥϦ • AWS൛ Firebase

8. AWS Amplifyͱ͸ • WebϑϩϯτΤϯυɾϞόΠϧ޲͚AWSΞϓϦέʔ γϣϯΛߏங͢ΔͨΊͷแׅతͳϥΠϒϥϦ • AWS൛ Firebase

9. ಛ௃ • AWSͷ؀ڥߏஙΛ؆ૉԽɾந৅Խ • ཪͰͲΜͳAWSͷαʔϏε͕ಈ͍͍ͯΔ͔͸
 ʢ͋·Γʣҙࣝͤͣʹ࢖༻Մ AppSync DynamoDB S3

10. AWS AmplifyͷπʔϧɾαʔϏε • CLIπʔϧ • ϑϩϯτΤϯυ(ΞϓϦɾWeb)։ൃऀ޲͚
 όοΫΤϯυߏஙɾσϓϩΠπʔϧ • JavaScriptϥΠϒϥϦ/iOS Android

    SDK • AWSαʔϏε΁ͷΠϯλʔϑΣΠεϥΠϒϥϦ • AWS Amplify Console ← ࠓ೔͸৮Εͳ͍ • ੩తϖʔδͷϗεςΟϯά

11. AuthenticationΛ࢖ͬͯΈΔ ϩʔΧϧͷϓϩδΣΫτʹ
 ઃఆϑΝΠϧΛੜ੒ AWS্ʹσϓϩΠ

12. AuthenticationΛ࢖ͬͯΈΔ(ΞϓϦέʔγϣϯ) • ϢʔβωʔϜɾύεϫʔυΛ౉͚ͩ͢Ͱ
 αΠϯΠϯ/αΠϯΞοϓ͕Մೳ • ϝʔϧ֬ೝ΍SMSೝূ΋࢖͑Δ

13. APIΛཱͯͯΈΔ ϩʔΧϧͷϓϩδΣΫτʹ
 ઃఆϑΝΠϧΛੜ੒ AWSʹσϓϩΠ

14. APIΛཱͯͯΈΔ(ΫΤϦϑΝΠϧ)

15. APIΛཱͯͯΈΔ(ΞϓϦέʔγϣϯ)

16. Firebaseͱͷൺֱͯ͠ྑ͍ͱ͜Ζ • APIཱ͕ͯΕΔ • Graph QL΍REST ͷ࢓༷ʹԊ͏͜ͱ͕Ͱ͖Δ • Firestore΍Realtime Database͸ΠϯλʔϑΣΠεͷ

    ࢓༷͕ಠಛ • όοΫΞοϓ͕औΓ΍͍͢ • ϞόΠϧ͚ͩͰͳͯ͘WebϑϩϯτΤϯυʹ΋ରԠ • React,VueͳͲͷϑϨʔϜϫʔΫ΁ͷαϙʔτ΋ް͍

17. Firebaseͱͷൺֱͯ͠ྑ͘ͳ͍ͱ͜Ζ • AWSͷ஌͕ࣝଟগඞཁ • AWSͷݖݶपΓ͸ษڧ͠ͳ͍ͱා͍ • Authenticateͷ࣮૷͸Firebaseͷ΄͏͕༰қ • ಛʹGoogleΞΧ΢ϯτΛ࢖͏৔߹

18. ·ͱΊ

19. ·ͱΊ • AWSαʔϏεΛ؆ૉԽɾந৅Խ͢Δπʔϧ • ͲΜͳαʔϏε্ཱ͕͕͍ͪͬͯΔ͔
 ҙࣝͤͣʹ࢖͑Δ • ίϚϯυΛୟ͚ͩ͘Ͱ؀ڥߏங • amplify

    add ʓʓ • amplify push ʓʓ

20. Thank youʂ