Amplify JS is a library that primarily provides oauth flow + hosted UI. As a managed service it also provides build pipeline. It uses CloudFront in the background for hosting and distributing content over the net.
You can also use Amplify JS without the hostedUI and manage your own CloudFront distributions.
One of the important things you will need to start off with is Amplify environments and git workflow.
An Amplify environment creates a backend – Cognito user pool, oauth config, CloudFront hosting, etc.
Amplify frontend is your JS project (angular, react, etc.) which mainly pertains to git.
Frontend | Backend | git/amplify workflow commands |
---|---|---|
develop | dev | git checkout develop; amplify env checkout dev; amplify publish; git add .; git commit -m “comments re your dev env changes”; git push; |
develop | test | git checkout develop; amplify env checkout test; amplify publish; git add .; git commit -m “comments re your test env changes”; git push; |
master | prod | git checkout master; git merge develop; amplify env checkout prod; amplify publish; git add .; git commit -m “comments re your prod env changes”; git push; |
Use angular environments to manage env specific properties such as api url, etc.:
Note: You will need to manually update “build”: “ng build …” to point to configuration per the backend env you are working with as amplify publish only uses ng build