This document discusses building a GraphQL API with AWS AppSync. It provides an overview of GraphQL and its query language. It also describes the main operations in GraphQL including queries, mutations, and subscriptions. Finally, it outlines the steps to create an AWS AppSync API using the AWS AppSync console, AWS Mobile CLI, or CloudFormation.

1. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Building your first GraphQL
API with AWS AppSync
Nader Dabit
Developer Advocate, AWS Mobile
Pop-up Loft

2. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Building a mobile app
• Authenticate & authorize users
• Manage network usage efficiently
• Synchronize data
• Multiple devices & platforms
• Run business logic
• Conflict detection & resolution
• Offline data access
• Multiple data sources
• Shared data
• Real time data streaming

3. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS AppSync
Build data-driven apps with real-time &
offline capabilities.

4. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS AppSync
“Managed GraphQL”

5. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
What is GraphQL?
• A query language for APIs
• A runtime for fulfilling queries with existing data
• A strongly typed contract between client & server
applications

6. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
What is GraphQL?
• A query language for APIs
• A runtime for fulfilling queries with existing data
• A strongly typed contract between client & server
applications
A great way for client applications to
interact with data

7. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Operations
3 main operation types
Queries
Mutations
Subscriptions

8. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Operations
Queries
Queries read data
{ id: 0, name: “Hello World”, content: “My Post Content” }

9. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Operations
Mutations
Mutations write data

10. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Operations
Subscription
Subscriptions are pushed data in real time
{ id: 0, name: “My First Post”, content: “This is my first
post, Cool!” }

11. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
How does GraphQL work?
Define your data

12. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
How does GraphQL work?
Perform operations

13. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
How does GraphQL work?
Get what you asked for

14. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS AppSync
Managed GraphQL Service

15. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS AppSync Features
• Managed & serverless GraphQL service
• Connect to resources in your AWS Account
• Built-in offline support
• Conflict resolution in the cloud
• Enterprise-level security features
• Simple & scalable real-time synchronization

16. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
How does AppSync Work?

17. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Creating your first API
3 ways to create a new AWS AppSync API
1. AWS AppSync console
2. AWS Mobile CLI
3. Cloudformation

18. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Creating an API
AWS AppSync Console

19. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Creating an API
AWS AppSync Console

20. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Creating an API
AWS AppSync Console

21. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Creating an API
AWS AppSync Console

22. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Creating an API
AWS AppSync Console

23. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Creating an API
AWS Mobile CLI
awsmobile init
awsmobile appsync enable
awsmobile push

24. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Creating an API
CloudFormation

25. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Thank you
Building Mobile Apps with AWS Amplify
aws.amazon.com/mobile
@AWSforMobile