AWS Amplify allows you to deploy full-stack web or mobile applications. AWS Amplify was first introduced in November 2018. AWS Amplify allows you to perform Continuous Deployment (CD/CI), operations with your application. This blog post will show you how to use AWS Amplify to manage all application deployments. This blog post will answer your question about “How do you deploy AWS amplify?”
Steps to Install AWS amplify & Deploy Apps1. Navigate to AWS amplify2. Scroll down to AWS Hosting Amplify3. Select your Git Repository4. Successfully Integrating With Github5. Select your repository6. Select the Branch7. Auto Detecting your App Settings8. Add Environment Variables9. Review your deployment10. Successfully deploying the App11. Click the link to open your application12. Be ready to watch the Output13 CloudThat
Navigate to AWS amplify
Log in to your AWS Management console and type Amplify into the search box.
Click on the AWS Amplify Service shown in the above image. This will open the AWS Amplify landing site.
Scroll down to AWS amplify Hosting
We will demonstrate react app deployment on AWS Amplify, connecting the Git repository with AWS Amplify. Click on “Get started” in the Amplify Hosting Section.
Choose your Git Repository
AWS Amplify can be connected directly to your code repository
To connect to your Github account, authorize AWS Amplify
Select Allow for All Repositories. Next, click on install and authorize.
Github Integration Success
Once you have completed the above steps, you will be able to successfully integrate with Github. This notification will be sent to you by AWS Management Console.
Choose your Repository
After connecting successfully to your Github account. Now you can choose the repository that you want to host on Amplify. We’ll start with the repository “react-app-01”.
Choose the Branch
It is important that you specify the branch that you wish to deploy. Your code may have multiple branches. Click on Next to select the “Master Branch” for this demo.
Auto Detecting your App Settings
Amplify’s main feature is its ability to automatically detect the tech stack of an application once it has connected to your code repository.
Add Environment Variables
You can add any Environment Variables to your application. These variables can then be securely embedded in your application code by AWS Amplify.
We will not add environment variables to this demo. Let’s continue by clicking on the next button.
Reexamine your Deployment
Before you click the save and deploy button. Let’s check if all parameters have been correctly configured. Once you are done, click on “save to deploy”.
Successfully Deploying The App
Now, we must wait for the deployment to be successful
Wait until the status of Provision. Build. Deploy. Verify is green.
Click the link to open your application
Once the status checks for Build, Provision, Deploy, and Verify are completed. Your App is now ready to go. To open your application, click on the link in the image below.
Be ready to watch the output
Your application has been successfully deployed to AWS Amplify. This link can be shared with your colleagues and friends to help them test the application.
Your AWS Amplify Link: https://master.d3ujaozaddhcc8.amplifyapp.com
Enable or disable CI/CD
Continuous deployments (CI/CD) have been enabled by default in Amazon Amplify and AWS Amplify. Amplify can trigger a new deployment every time you make any changes to your code. The updated repository will be deployed by Amplify.
CloudThat has been a leader in cloud training and consulting since 2012. CloudThat has trained over 500K professionals in cloud technologies such as AWS, Azure and GCP, VMware, DevOps and Big Data Analytics. We also offer IoT training.