Slide 1
Slide 1 text
AWS Amplify SDK
make: private file hosting service
Slide 2
Slide 2 text
USER
Cognito
S3
IAM
Slide 3
Slide 3 text
S3 use case
User:
● List
● Download
● Upload
○ only Admin member
Slide 4
Slide 4 text
IAM use case
● Guest member IAM
○ read only
● Admin member IAM
○ read and write
Slide 5
Slide 5 text
Cognito use case
Admin:
● Create account
User:
● Sign In
○ First, set password
○ Verify 2 Factor Authentication
Slide 6
Slide 6 text
Cognito
S3
CloudFormation
by
Slide 7
Slide 7 text
CloudFormation Cognito
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
CustomResource Python
YAML
Slide 13
Slide 13 text
Qiita cite:
https://qiita.com/kai_kou/items/f56bb13a5d47e
e05d766
Slide 14
Slide 14 text
CloudFormation S3
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
AWS Amplify SDK
Slide 17
Slide 17 text
Cognito
S3
IAM
React
pre signed url
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 text
Promise
Slide 23
Slide 23 text
No content
Slide 24
Slide 24 text
Promise
Slide 25
Slide 25 text
Only Admin member
Slide 26
Slide 26 text
Stateless Functional
Component
SFC
Slide 27
Slide 27 text
Redux
Slide 28
Slide 28 text
React
Components
Slide 29
Slide 29 text
React
Components State
Slide 30
Slide 30 text
React
Components State update
render
render
render render render
render render
render render render
Slide 31
Slide 31 text
React
Components
Redux
Store
render
render
render
Slide 32
Slide 32 text
Component
Component
Slide 33
Slide 33 text
Stateful Instance Components
Slide 34
Slide 34 text
No content
Slide 35
Slide 35 text
Stateless Functional Components
Slide 36
Slide 36 text
No content
Slide 37
Slide 37 text
Cognito
S3
IAM(Guest)
React
pre signed url
Redux
IAM(Admin)
upload/download
email
2FA
content file
react file
Slide 38
Slide 38 text
Cognito
S3
IAM(Guest)
React
pre signed url
Redux
IAM(Admin)
upload/download
email
2FA
content file
react file
CodePipeline
GitHub
Slide 39
Slide 39 text
Result
● No Server code
● Infrastructure as Code
● Simple Frontend architecture
● User authority management
Slide 40
Slide 40 text
END