大多數公司在開發應用程序，並將其部署在伺服器時，無論是選擇公有雲還是私有的資料中心，都需要提前了解伺服器、儲存空間、以及資料庫功能等，並部署運行所需的應用程式和軟體，到基礎設施上。 運用無伺服器架構的程式，不需要佈建、維護和管理後端元件伺服器，後端元件包括運算、資料庫、儲存、串流處理、訊息佇列等。可依需求自動擴展，有發生事件才需要調度資源，並照程式實際執行的時間來計算費用，不會有有運算資源閒置浪費的問題。

1. © 2019, Amazon Web Services, Inc. or its Affiliates.© 2019, Amazon Web Services, Inc. or its Affiliates.
HC Lo, Solutions Architect
Wild Rydes Workshop
Module 6: Serverless GraphQL API
July 24, 2019

2. © 2019, Amazon Web Services, Inc. or its Affiliates.

3. © 2019, Amazon Web Services, Inc. or its Affiliates.
What are we building?
Content Delivery API Layer
HTML, CSS, JavaSCript, …
AWS Amplify

4. © 2019, Amazon Web Services, Inc. or its Affiliates.
What are we building?
Static Content
Content Delivery API Layer Application Layer Persistency Layer
Get Credentials
Amazon
CloudFront
Amazon
Cognito
Amazon
API Gateway
Amazon
S3
AWS
Lambda
Amazon
DynamoDB

5. © 2019, Amazon Web Services, Inc. or its Affiliates.
What are we building?
Static Content
Content Delivery API Layer Application Layer Persistency Layer
Get Credentials
Amazon
CloudFront
Amazon
Cognito
Amazon
API Gateway
Amazon S3
AWS Lambda Amazon
DynamoDB
AWS AppSync

6. © 2019, Amazon Web Services, Inc. or its Affiliates.© 2019, Amazon Web Services, Inc. or its Affiliates.
AWS AppSync

7. © 2019, Amazon Web Services, Inc. or its Affiliates.
What is AWS AppSync?
Managed Serverless
GraphQL service
Connect to data sources in
your account
Add data sync, real-time and
offline capabilities
GraphQL façade for
any AWS service
Conflict detection and
resolution in the cloud
Enterprise security
features (IAM, Cognito,
API keys)

8. © 2019, Amazon Web Services, Inc. or its Affiliates.
How does GraphQL work?
type Query {
getTodos: [Todo]
}
type Todo {
id: ID!
name: String
description: String
priority: Int
duedate: String
}
Model data with
application schema
query {
getTodos {
id
name
priority
}
}
Client requests
what it needs
{
"id": "1",
"name": "Get Milk",
"priority": "1"
},
{
"id": "2",
"name": "Go to gym",
"priority": "5"
},…
Only that data is
returned

9. © 2019, Amazon Web Services, Inc. or its Affiliates.
GraphQL Operations
Queries
Read data
Mutations
Write data
Subscriptions
Listen for data
query {
search(q: “harry potter”) {
title
}
}
mutation {
create(title: “new book”) {
id
}
}
subscription {
onCreate {
id
title
}
}

10. © 2019, Amazon Web Services, Inc. or its Affiliates.
AWS AppSync Data Sources

11. © 2019, Amazon Web Services, Inc. or its Affiliates.
AWS AppSync Resolvers

12. © 2019, Amazon Web Services, Inc. or its Affiliates.© 2019, Amazon Web Services, Inc. or its Affiliates.
Let’s build!
http://bit.ly/WildRydes-Module1