AWS Mobile Week at the San Francisco Loft Introduction to AWS Amplify Toolchain In this interactive session we'll demonstrate and explain what and how to install, configure, and run the AWS Amplify CLI. Build a quick AWS AppSync API with codegen, create a new project and explore the resources created by the CLI. Expect to follow along setting up your own environment for PC or Mac. Level: Beginner Speaker: Dennis Hills - Developer Advocate, AWS Mobile Applications

1. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Dennis Hills - AWS Mobile
October 16, 2018
Introduction to the AWS Amplify Toolchain

2. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
@dmennis
twitter
medium

3. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
What is AWS Amplify?
AWS Amplify is an easy to use JavaScript Library and
Powerful toolchain for building cloud-powered mobile and
web applications

4. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Amplify Toolchain
GraphQL Transformer and GraphQL Codegen
Automatically generate code for GraphQL queries, mutations,
subscriptions & typed schemas.
CLI
Creates & configures AWS services from your local development
environment through adding/modifying category based features.

5. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Amplify Toolchain – GraphQL Tools
GraphQL Transformer
Define your API using the GraphQL Schema Definition Language (SDL). The
library expands and “transforms” (creates) a full AWS CloudFormation
template that implements your data model.
GraphQL Codegen
Automatically generate code for GraphQL queries, mutations,
subscriptions & typed schemas.

6. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Amplify Toolchain - CLI
Creates & configures AWS services from your local
development environment.

7. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Amplify CLI – How Does it Work?
The AWS Amplify CLI uses AWS CloudFormation and
nested stacks.
Allows you to add or modify configurations locally before
you push them for execution in your account.
Allows full transparency in the process of customizing your
resources.

8. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS Amplify CLI Categories
ü Analytics
ü Authentication
ü API (REST or GraphQL)
ü Database
ü Lambda / Serverless
ü Hosting
ü Storage

9. © 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

10. © 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

11. © 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

12. © 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

13. © 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

14. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Lambda / Serverless
ü Create & configure Lambda functions
ü Push changes
ü Invoke functions locally
AWS Lambda

15. © 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 directly from CLI
Amazon S3

16. © 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

17. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS Amplify CLI
Getting started
Installing the CLI

18. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS Amplify CLI
Initialize
Initializing a new project

19. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS Amplify CLI - DEMO
Add Category
Adding a feature