Introduction to AWS Amplify and the Amplify CLI Toolchain
•
1 gostou•407 visualizações
AWS Amplify has released a brand new CLI Toolchain that makes it easy to create & configure AWS cloud services on the fly directly from your local environment. This CLI complements the AWS Amplify Library to provide an end to end solution for the creation, configuration, & implementation of scalable cloud-enabled applications with a Rails-like experience focusing on developer efficiency. AWS Amplify supports not only JavaScript applications & frameworks like Angular, React, & React Native, but also native iOS & native Android.
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a Introduction to AWS Amplify and the Amplify CLI Toolchain
Semelhante a Introduction to AWS Amplify and the Amplify CLI Toolchain (20)
Mais de AWS Germany
Mais de AWS Germany (20)
Último
Último (20)
Introduction to AWS Amplify and the Amplify CLI Toolchain
- 1. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Daniel Geske, Solutions Architect 15 October 2018 AWS Amplify The foundation for your cloud-powered mobile & web apps
- 2. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. What is AWS Amplify? AWS Amplify is a CLI & toolchain for the client
- 3. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. What Does it Do? CLI Creates & configures AWS services
- 4. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. What Does it Do? JavaScript Library Connects your front-end application to cloud services
- 5. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. What kind of services? Database API Lambda / Serverless Authentication Analytics Hosting Storage
- 6. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Authentication Amazon Cognito Create & configure new Amazon Cognito resources for user sign- up & sign-in Interact with Amazon Cognito using Auth class from client library Pre-configured components available for React, React Native, Angular, & Ionic
- 7. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Analytics Create & configure new Amazon Pinpoint resources Record events from the client application Automatically records session data Automatically records auth data (sign-ups, sign-ins, & auth failures) Amazon Pinpoint
- 8. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. REST API AWS Lambda + Amazon API Gateway Create new AWS Lambda Function Scaffold Lambda code Configure API Gateway Interact with Lambda function with client Library
- 9. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. GraphQL API AWS AppSync Create new AWS AppSyncGraphQL API Configure AppSync Perform queries, mutatations, & register subscriptions from client application React & React Native Components for render props
- 10. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Database API Amazon DynamoDB + AWS Lambda + Amazon API Gateway Create & configure table Create Lambda function Configure API Gateway Scaffolds Lambda code to act as REST API Interact with Lambda Function using client Library
- 11. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Function Create & configure Lambda functions Push changes Invoke functions locally Interact with Lambda function from using client library AWS Lambda
- 12. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Hosting Creates & configure S3 bucket for hosting Configure Amazon CloudFront Publishes assets to S3 Push updates when necessary directly from CLI Amazon S3
- 13. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Storage Create & configure Amazon S3 bucket Manage user content for your app in public, protected or private storage buckets Amazon S3
- 14. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. AWS Amplify CLI Getting started Installing the CLI
- 15. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. AWS Amplify CLI Getting started Initializing a new project
- 16. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. AWS Amplify CLI Getting started Adding a feature
- 17. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. AWS Amplify Client Library Getting started Add library to project
- 18. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. AWS Amplify Client Library Getting started Add framework-specific library
- 19. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. AWS Amplify Client Library Getting started Import component
- 20. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. AWS Amplify Client Library Getting started Interact with services
- 21. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. AWS Amplify This CLI & toolchain for the client greatly lowers the barrier to entry for developers & companies looking to build full-stack applications allowing them to not only iterate & experiment quickly, but also giving them the ability to do so at a lower cost. “ “
- 22. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Survey: Your platform of choice
- 23. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Demo
- 24. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Go build Daniel Geske, Solutions Architect <gesked@amazon.de>
Notas do Editor
- Build web apps and mobile apps quickly AWS Amplify released only a couple of weeks ago – in September Excited to tell you about it With Cli+toolchain- have toolkit to build really interesting things How to get up and running How to use amplify in actual app Intro self
- Aws amplify: cli+toolchain for client Get started easy Sign up for an AWS account—no upfront charges Install the CLI Build your app: ios, android, web, react native Provides ecosystem around building apps Split in two parts
- create +maintain sophisticated serverless backends for your apps With minimal effort Create, config services dir. From cmd line
- comprehensive library for building sophisticated cloud-powered apps Interact w/ diff svcs scaffolded into cli Rapidly build apps
- Dynamodb, rds, elastic search, diff rds engines Custom apis, graphql apis Get lambda up+running quickly dir from front-end Authent – easily, authorization on diff. endopoints Analytics w/ pinpoint Hosting of web app, publish dir. From cmd line Storage: s3
- Auth w/ cognito — diff. things related to user reg+ auth Forget pass, mfa Time based one time passwords, e.g. sophisticated user auth scenarios Create resources dir. From app, interact w/ them within app Add auth around it Lots cases that are not library specific: can write own modules But standard use cases: Sign-up form, sign-in forms - use pre-config components
- e.g. passwd policy failures: report out of box, no addt’l work requ’d See auth failures, draw conclusions, e.g. relax requirements
- Scaffold boiler plate code as starting point Once api created: use JS lib to interact w/ api
- Real-time Use appsync console Also can create graphql endpoint from cli Similar to auth components: use react+RN components Render queries dir from react/RN libs
- Combo of ddb+lambda+apigw Create resources, boilerplate code to interact CRUD w/o lots of intermediate code – handled for you
- Create standalone lambda fns Test locally
- Host website on AWS: 2 cmds to config website for hosting on s3 http interface Cust. domain w/ route53 DNS
- Will walk through Show in slide first, then show demo
- Go to app dir Then run ‘init’ Scaffold project, to prep, then ready to go
- Once app ready, add features Auth code, get local config ready
- Once all svcs you want are added locally Start interact w/ them using amplify client lib In same dir where we used amplify cli project Install aws amplify: amplify js lib to use in your proj.
- If js framework specific lib you want to use: If react project: add aws-amplify-react Angular project: use aws-amplify-angular built-in components for vuejs lib: use aws-amplify-vue
- Once local components installed, start using them Auth to allow us to use the diff. features in Amazon cognito
- Start interacting w/ services Place in scope Call Auth.signIn (user/pass) Sign-in returns promise If promise successful, log user in, typically start routing there Error: simply log error If want to learn more about Auth: has 30+ methods Github doc, aws doc site have lots of details avbl and shows how the diff. components work
- Summary: Amplify is toolchain Typically managing for startups or otherwise, expensive to hire devs, precious resource Experiment Want own auth service – takes many hours Use amplify to try out diff. managed services Try things out If experiment works, scale out If it doesn’t work, then didn’t invest lots of resources, try something else
- Who here develops for ios? Android? Web?
- create new react project create new func in react app to sign-up+sign-in to app, add analytics, look resources in console create-react-app amplifydemo cd amplifydemo amplify init — init new amplify project # editor: chose if here, if not “none” # dist: path where created code is put # aws acct: use profile, or register+create iam user amplify add auth # default: email, user, pass, sms # auth resources created, Cognito UP console code # index.js App.js aws-exports.js
- Thanks Build+send email with cool solutions Loft: Devops day and topics rest of week Ask an architect