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

1. © 2019, Amazon Web Services, Inc. or its Affiliates.© 2019, Amazon Web Services, Inc. or its Affiliates.
AWS SAs: Jayson, Bob, HC and Stuart
Solution Lab - Serverless
Module 1: Web Application
7/24/2019

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

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

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
AWS AppSync

5. © 2019, Amazon Web Services, Inc. or its Affiliates.© 2019, Amazon Web Services, Inc. or its Affiliates.
Services used

6. S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.

7. © 2019, Amazon Web Services, Inc. or its Affiliates.
Amplify Framework: Library, UI Components, & CLI
Libraries focused on
frontend developers
Support for native apps
with iOS and Android
SDKs
Support for JavaScript
incl. React, React Native,
Angular, Ionic, and Vue
Category-based
opinionated
implementations: Auth,
Analytics, API, Storage,
Interactions, XR, PubSub
‘Escape’ hatches for all
AWS services
UI components for React,
React Native, Angular,
and Ionic
Support for drop-in auth,
photo pickers, and
chatbots
CLI toolchain for rapidly
integrating AWS services
to projects
Iterative code & type
generation for GraphQL
APIs throughout the
development cycle

8. S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.

9. © 2019, Amazon Web Services, Inc. or its Affiliates.
Breadth of Cloud Services for Mobile and Web Apps
Auth Analytics
Core
Experiences
Storage Interactions AR & VR PubSub
API

10. S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.

11. © 2019, Amazon Web Services, Inc. or its Affiliates.
AWS Amplify Console
Globally available
Your app is served via AWS’s
reliable content delivery
network with 144 points of
presence globally.
Easy custom domain setup
Set up custom domains managed in
Amazon Route 53 with a single click
plus get a free HTTPS certificate.
Simplified Continuous
Workflow
Connect your repository to
'git push' changes to your
frontend and backend in a
single workflow.
Feature Branch Deployments
Work on new features without
impacting production.
Create branch deployments linked to
each feature branch.
Atomic Deployments
All deployments either rollout
successfully or fail without requiring
maintenance windows.
Password Protection
Share yet-to-be released
features with internal
stakeholders by setting a
username and password

12. S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.

13. © 2019, Amazon Web Services, Inc. or its Affiliates.
Amazon Cognito: Secure user directory that scales
Managed user directory Sign in with existing identities
(federation)
Customizable,
hosted UI, or SDK
AWS credentials and
access control
OpenID Connect and OAuth 2.0-based

14. © 2019, Amazon Web Services, Inc. or its Affiliates.
Amplify CLI and Amazon Cognito : $amplify add auth
• Customize sign-in/registration flow
• Customize email and SMS messages for Multi-Factor Authentication
• Customize attributes for your users, e.g. name, email
• Enable 3rd party authentication providers, e.g. Facebook, Twitter, Google
and Amazon

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