AWS Amplify SDK and Stateless Functional Components

Transcript

1. AWS Amplify SDK make: private file hosting service

2. USER Cognito S3 IAM

3. S3 use case User: • List • Download • Upload

   ◦ only Admin member

4. IAM use case • Guest member IAM ◦ read only

   • Admin member IAM ◦ read and write

5. Cognito use case Admin: • Create account User: • Sign

   In ◦ First, set password ◦ Verify 2 Factor Authentication

6. Cognito S3 CloudFormation by

7. CloudFormation Cognito

8. None
9. None
10. None
11. None

12. CustomResource Python YAML

13. Qiita cite: https://qiita.com/kai_kou/items/f56bb13a5d47e e05d766

14. CloudFormation S3

15. None

16. AWS Amplify SDK

17. Cognito S3 IAM React pre signed url

18. None
19. None
20. None
21. None

22. Promise

23. None

24. Promise

25. Only Admin member

26. Stateless Functional Component SFC

27. Redux

28. React Components

29. React Components State

30. React Components State update render render render render render render

    render render render render

31. React Components Redux Store render render render

32. Component Component

33. Stateful Instance Components

34. None

35. Stateless Functional Components

36. None

37. Cognito S3 IAM(Guest) React pre signed url Redux IAM(Admin) upload/download

    email 2FA content file react file

38. Cognito S3 IAM(Guest) React pre signed url Redux IAM(Admin) upload/download

    email 2FA content file react file CodePipeline GitHub

39. Result • No Server code • Infrastructure as Code •

    Simple Frontend architecture • User authority management

40. END