Second part of the tutorial featuring Lambda, Api Gateway, S3, CloudFront, SSL with ACM, etc.

1. Jeshan G. BABOOA
Your second multi-tier
serverless architecture on AWS

2. Recap
Previous video:

3. What you’ll learn about

4. What you’ll learn
about
- Designing an API with Swagger
- Walkthrough of API and Lambda functions
- Integrating a custom SDK into your app
- Creating another lambda function and configuring it
- Using a CDN to make the frontend faster
- Using a free SSL certificate

5. Swagger as an API
management tool
Swagger is a very popular open source framework for working
with APIs.
Why bother with Swagger?
What is Swagger?
- Generate documentation
- Generate boilerplate code for many frameworks
- API testing

6. “Wait a minute… Swagger? I
thought that LambdaTV was
about serverless on AWS”

7. Why bother with
Swagger when working
with API Gateway?
- API Gateway supports integration for Swagger.
- Can import/Export Swagger configuration.
- More fun to work with Swagger than the admin console.
- Independent of AWS

8. Walkthrough

9. Same function and
table

10. Designing the API
Use the Swagger editor
editor.swagger.io

11. Swagger editor
Invoke your API

12. Swagger editor
Generate boilerplate

13. Swagger Editor: Examples
editor2.swagger.io (old one)

14. Swagger spec
Basic stuff

15. Swagger spec
Paths

16. Swagger spec
Models

17. Swagger spec
Consider setting type formats

18. Swagger with API
Gateway
Import on multi-tier
https://console.aws.amazon.com/apigateway

19. Swagger with API
Gateway
Paste in the editor

20. Swagger with API Gateway: Import warnings

21. API Gateway: After importing a Swagger definition

22. API Gateway
Define your endpoints

23. Swagger with API
Gateway, revisited

24. Swagger with API
Gateway, revisited
The docs too

25. API Gateway

26. Our lambda
function

27. API Gateway
Check properties properly

28. API Gateway: Add a mapping template

29. API Gateway
Add a mapping template

30. API Gateway
Add the other mapping templates

31. API Gateway
Deploy API

32. CloudFront
Make the site faster using CloudFront,
Amazon’s CDN
Create a distribution:
Click Get Started under Web delivery method:

33. CloudFront
Configure your first distribution
Enter the Origin Domain Name exactly in this format, not the one suggested in the dropdown:
BUCKET_NAME.s3-website-BUCKET_REGION.amazonaws.com
Choose Yes for Compress Objects Automatically

34. Cloudfront: Finalise creating the distribution

35. Cloudfront: Finalise creating the distribution

36. Your site is now ready

37. "You’re not seriously telling
me to give my users such a
domain to type… are you?"

38. Cloudfront
Edit the distribution

39. Cloudfront
Using our own domain

40. Cloudfront
Enforce HTTPS

41. Cloudfront
Enforce HTTPS

42. Configure DNS

43. Cloudfront
Get a free SSL certificate

44. Certificate
Manager

45. Verify your domain

46. Confirm domain
verification

47. Certificate Manager: Your certificates
https://console.aws.amazon.com/acm/home?region=us-east-1#/

48. Cloudfront
Use our certificate

49. Cloudfront: Status

50. Our site
On our domain

51. Our site
With a certificate on our name :)

52. "Is my site really
faster now?"
https://developers.google.com/speed/pagespeed/insights

53. PageSpeed tool
Without CDN

54. PageSpeed tool
With CDN

55. Automate this

56. Recap - Frontend that loads very fast for a global
audience
- Frontend delivered securely over https… with a
free SSL certificate on your own domain
- Your backend that’s also "infinitely" scalable.
- Both logic and data tiers are also secured on the
backend.
- Your website is always serving customers with no
server maintenance bullshit whatsoever.

57. If you want the written
guide, incl. links:
https://www.lambdatv.com/Your-second-serverless-multi-tier-web-app-o
n-AWS-part-2

58. Thanks!
Jeshan G. Babooa
lambdatv.com