AWS Amplify Console

1 min read aws, amplify

Written in 2019. Tools, APIs and prices may have changed since.

Lab note What I wrote down while learning this by building with it. Short by design; the code is in pfeilbr/aws-amplify-console-playground.

learn AWS Amplify Console

AWS Amplify Console is a continuous delivery and hosting service for modern web applications. The AWS Amplify Console simplifies the deployment of your application front end and backend. Connect to your code repository and your front end and backend are deployed in a single workflow, on every code commit.

Flow

  1. You specify a source (github, bitbucket, gitlab, S3, zip file upload).
  2. On code change (commit), it checks out the code to a CodeBuild project. Runs your build, test, [backend] deploy, etc.
  3. Deploys static web assets (.html, .js, .css, images) to S3 to be served with CloudFront
  4. Verifies deployment by visiting root site URL with various deveice form factors (iPhone, iPad, desktop) and taking screenshots.

Build settings are defined in amplify.yml. See Configuring Build Settings for YML Specification Syntax.


set amplify service role. codebuild env will assume this role and commands will execute in this context.

showing assumed role in codebuild env

Update SAM deploy bucket policy to allow amplify service (amplify.amazonaws.com) to read/write to bucket.

Custom Domain configuration

App running on custom domain https://amplify-master.minote.net/

Resources

Keep learning

Get new guides and courses by email

An occasional email when I publish a new guide, course or post. No spam, and you can unsubscribe any time.

Sent with Buttondown. I never share your address. Prefer a feed? Use the RSS feed.