Amplifyの紹介/amplify-introduction

Transcript

1. AWS Amplifyͷ঺հ
2. ͳΜͰ͔͢͜Ε͸ ެࣜ Q&A ΑΓ
4. ͳΜͰ͔͢͜Ε͸ •ࣗಈσϓϩΠɺ؀ڥ؅ཧΛߦ͏Amplifyίϯιʔϧ •AWSͷ֤αʔόϨεܥαʔϏεͱ࿈ܞ͢ΔAmplify CLI •AWSͱ࿈ܞ͢ΔϑϩϯτͷߏஙΛָʹ͢ΔJSϥΠϒϥϦaws-amplify •࣮ػςετΛ؅ཧ͢ΔAWS Device Farm …౳Ͱߏ੒͞ΕΔαʔόϨεߏஙϑϨʔϜϫʔΫʢͱ͍͏ղऍʣ
5. ͳΜͰ͔͢͜Ε͸ •ࣗಈσϓϩΠɺ؀ڥ؅ཧΛߦ͏Amplifyίϯιʔϧ •AWSͷ֤αʔόϨεܥαʔϏεͱ࿈ܞ͢ΔAmplify CLI •AWSͱ࿈ܞ͢ΔϑϩϯτͷߏஙΛָʹ͢ΔJSϥΠϒϥϦaws-amplify •࣮ػςετΛ؅ཧ͢ΔAWS Device Farm …౳Ͱߏ੒͞ΕΔαʔόϨεߏஙϑϨʔϜϫʔΫʢͱ͍͏ղऍʣ
6. Amplify CLI $ npm install -g @aws-amplify/cli $ amplify configure
7. $ amplify init •amplifyίϚϯυͷॳظԽΛߦ͏ •Ξοϓϩʔυʹ࢖༻͢ΔΞΧ΢ϯτͷׂ౰΍ɺ؀ڥ໊ͷઃఆ౳
8. $ amplify add {ػೳ໊} •ػೳ໊ʹඥͮ͘αʔϏεͷ਽ܗΛੜ੒͢Δ •ফ͢ͱ͖͸ $ amplify delete •ػೳผʹίϚϯυ΋͋Δ $ amplify {ػೳ໊} {ίϚϯυ}
9. Amplify CLIͷओཁػೳ
10. $ amplify push
11. Amplify CLIΛ༻͍ͨ։ൃͷྲྀΕ •αʔϏεͷઃఆ͸CLI͔Βamplify add {ػೳ໊}Ͱ௥Ճ͢Δ •ઃఆ͸͢΂ͯίʔυ্Ͱ؅ཧ͞Εɺ؀ڥม਺Λ༻͍ͨෳ਺ ਓͰͷ։ൃ΋αϙʔτ •amplify push ͰCloudFormationͷϑΝΠϧΛੜ੒͠ɺߋ৽ ͷ͋ͬͨઃఆΛAWS্΁൓ө
12. LambdaΛ࢖ͬͨAPIαʔόΛ࡞Δ •amplify add function •ExpressͷίʔυΛੜ੒͢ΔઃఆΛબ୒ •amplify add api → API Gateway Λબ୒ •add functionͰ௥Ճͨ͠lambdaͱ݁߹͢ΔΑ͏ʹઃఆ •amplify push •APIαʔόΛpush →
13. ಈ͘API͕͙͢࡞Εͯศར
14. AppSyncΛར༻ͨ͠APIαʔόΛߏங͢Δ •amplify add api → AppSync Λબ୒ •GraphQLͷDirectiveΛ׆༻ͨ͠ଞαʔϏεͱͷ࿈ܞ͕Մೳ
15. AppSyncͷGraphQL Transform type Blog @model { id: ID! name: String! posts: [Post] @connection(name: "BlogPosts") } type Post @model { id: ID! title: String! blog: Blog @connection(name: "BlogPosts") comments: [Comment] @connection(name: "PostComments") } type Comment @model { id: ID! content: String post: Post @connection(name: "PostComments") } ϦϨʔγϣϯͷఆٛ @modelΛ͚ͭΔͱDynamoDBͷςʔϒϧͱͳΔ
16. AppSyncͷGraphQL Transform type Blog @model { id: ID! name: String! posts: [Post] } $ amplify gql-compile type Blog { id: ID! name: String! posts: [Post] } type Query { getBlog(id: ID!): Blog } Type Mutation { createBlog(input: CreateBlogI updateBlog(input: CreateBlogI deleteBlog(input: CreateBlogI } CRUDૢ࡞ͷQueryɺMutation ͦΕʹඥͮ͘ResolverΛࣗಈੜ੒ ͦͷଞʹ΋ListऔಘͷQuery΍ SubscriptionͳͲ͕ࣗಈൃߦ͞ΕΔ
17. ΢ΣϒαʔϏε͕͙͢࡞Εͯศར
18. ੩తαΠτΛϗεςΟϯά͢Δ •amplifty add hosting •amplify publish ͰϏϧυˠ੒Ռ෺ΛS3 ͷ੩తαΠτϗεςΟϯά΁Ξοϓϩʔυ •Ϗϧυखॱ΍ɺϏϧυઌ͸มߋՄೳ
19. ੩తαΠτΛϗεςΟϯά͢Δ •JSϥΠϒϥϦͷaws-amplifyΛ࢖༻͢Δ͜ͱͰɺೝূͷ؆ུԽ •GraphQL͔ΒAPIͷΫϥε(JS, TS)͕ࣗಈੜ੒͞Εɺݺͼग़ͩ͢ ͚ͰAPI͕࣮ߦՄೳ
20. ੩తαΠτΛϗεςΟϯά͢Δ •Amplifyͷίϯιʔϧ(AWS্)͔ΒɺυϝΠϯ΍BASICೝূ ઃఆΛೖΕΔ͜ͱ͕Մೳ •ϒϥϯνͱରԠ͚ͮɺpushʹϑοΫͯ͠ߋ৽
21. ΢ΣϒαΠτ͕͙͢࡞Εͯศར
22. ଞʹ΋͍Ζ͍Ζͳػೳ͕͋Γ·͢