More Related Content Similar to Update Your Developer Workflow for Cloud-Enabled Mobile Apps (MOB315-R1) - AWS re:Invent 2018 (20) More from Amazon Web Services (20) Update Your Developer Workflow for Cloud-Enabled Mobile Apps (MOB315-R1) - AWS re:Invent 20182. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Update Your Developer Workflow
for Cloud-Enabled Mobile Apps
Dustin Noyes
Software Development Engineer
AWS / AWS Mobile
M O B 3 1 5
3. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Agenda
What is AWS Amplify?
How can AWS Amplify help my workflow?
Getting started!
4. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
5. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
What is AWS Amplify?
• Open Source Developer Toolchain
• Command Line Interface (CLI)
• JavaScript Framework
• UI Components
• Amplify Console
6. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Amplify Toolchain Categories
7. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
The AWS Amplify UI Components
8. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
9. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Potential Workflows to Discuss
• Single Developer
• Team (Shared Backend)
• Team (Functionally Identical Backends)
• Public vs Private
10. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
11. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Download and set up Amplify CLI
$ npm install -g @aws-amplify/cli
$ amplify configure
12. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Bootstrap your preferred frontend setup, then …
$ cd your-project
$ amplify init
$ amplify api add
$ > GraphQL
$ > Amazon Cognito User Pool
$ amplify analytics add
$ amplify push
13. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Download Amplify library
$ npm install aws-amplify
$ npm install aws-amplify-angular
Or
$ npm install aws-amplify-vue
Or
$ npm install aws-amplify-react
15. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.