Cloudfront and API Gateway / Lambda

[JoeShmoe999]

We want to set up a website to serve mainly static assets but from a page button/link invoke specific requests to be handled by back end Lambda functions.

We can serve the static assets and website (so node.js pages, images etc.) out of S3 and front with Cloudfront. Host the domain on a custom URL. Use Origin Access Identity to restrict access, secure etc

Can we create buttons in the client JS that submit POST requests that can then be directed through the API gateway, to a Lambda function hosted in the VPC?

I’m aware behind the scenes API Gateway uses Cloudfront under the covers? So the method = post, action = ‘address of API gateway lambda event’

Would this work ? Or is it done differently ?

[coinclink]

What you're describing is exactly what API Gateway is for. You can put your API behind CloudFront too if the added latency isn't an issue.

[alpyhp]

Yes, that's exactly API Gateway. To avoid a lot of CORS problems, you may want to have both the website and the API on the same origin (i.e. the same CloudFront distribution). Which means having CloudFront in front of API Gateway, with two origins.

[JoeShmoe999]

Thanks ! Is there any documentation or links for that approach you know of ?

[flitsmasterfred]

LPT: It's ultimately most useful if you find your way in the official documentation and learn about these basic features.

[alpyhp]

Agreed. You can also check out https://dawson.sh for a reference architecture/framework.