The document discusses migrating existing RESTful APIs to GraphQL using AWS Amplify and AWS AppSync. It provides an overview of GraphQL, including how it allows clients to get precise data with a single request across multiple data sources. The workshop will demonstrate using AWS AppSync to create and connect a GraphQL schema to backend data sources like Amazon DynamoDB and Lambda, and how clients can receive real-time updates. Attendees should have a basic understanding of programming and using a terminal.

2. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Migrate an existing applications RESTful
API’s to GraphQL using AWS Amplify and
AWS AppSync
Clifford Duke
Solutions Architect
AWS

3. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Some expectations
• Have an AWS account ready
• Have your own laptop
• Basic-level programming knowledge
• Comfortable with using a terminal

4. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
appsyncworkshop.com

5. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.

6. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Traditional data fetching
/posts
/postInfo
/postJustTitle
/postsByAuthor
/postNameStartsX
/postByTag
/commentsOnPost
REST Endpoints
Trivial to set up
Standard HTTP Calls
❌Relationships
❌Lists with reduced information
❌Query support
❌Ordering and pagination
❌Notifications

7. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Is there a better way?

8. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
GraphQL

9. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
What Is GraphQL?
Describe what’s possible
with a type system
Uniform API across data stores
and APIs
Network optimized
requests and responses
Powerful developer tools Integrated
documentation and
introspection
Query language for your API
and a runtime for fulfilling
queries with existing data

10. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
What Is GraphQL?
/posts /comments /authors
REST API
posts comments authors
GraphQL API

11. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
subscription {
onCreateComment{
id
}
}
mutation {
createEvent(name:”Dinner”){
id
}
}
query {
getEvent(id: 1){
id
name
}
}
Queries
Read Data
Mutations
Write Data
Subscriptions
Receive Data in Real-Time
GraphQL Operations

12. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
How To Use GraphQL
type Query {
listEvents: [Event]
}
type Event {
id: ID!
name: String!
when: String!
where: String!
}
{
"id": "1”,
"name": "React Meet Up”
},
{
"id": "2",
"name": "GraphQL Party"
},
{
“id”: “3”,
“name”: “Angular Sesh”
}
...
query {
listEvents {
id
name
}
}
Define your data
(Schema)
Invoke Operation Get EXACTLY what
you asked for

13. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
How To Use GraphQL
type Query {
listEvents: [Event]
}
type Event {
id: ID!
name: String!
when: String!
where: String!
}
query {
listEvents {
id
name
when
}
}
{
"id": "1”,
"name": "React Meet Up”,
“when”: “Tomorrow”
},
{
"id": "2",
"name": "GraphQL Party",
“when”: “Saturday”
},
{
“id”: “3”,
“name”: “Angular Sesh”,
“when”: “Next Friday”
}
...
Define your data
(Schema)
Invoke Operation Get EXACTLY what
you asked for

14. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
What are we starting with?

15. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
What are we building today?

16. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AppSync summary
Create, Import or Upload
GraphQL Schema
Amazon
Elasticsearch
Amazon
DynamoDB
AWS Lambda
Connect Data
Sources
AppSync Updates Data
in Real Time and Manages
Data when Offline
__________
______________
___________
_________
___________
____________
__________
NEW

17. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Clients receive the data
they ask for. Nothing
more, nothing less
Get many resources from
many data sources with a
single request
Self-documenting APIs with
Introspection
AWS AppSync benefits
React Native, Android, iOS,
and Web (JS) using the
Apollo GraphQL client
Data persistence across
application restarts
Write-through mutations with
Optimistic UI

18. Thank you!
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Clifford Duke
clifduke@amazon.com

19. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.