This document discusses building a first GraphQL API with AWS AppSync. It provides an overview of GraphQL and its query language. It also summarizes the main features of AWS AppSync, including how it is a managed and serverless GraphQL service that enables real-time data synchronization and offline capabilities. Finally, it outlines the three main ways 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