Setup Your Angular Application in Aws LightSail Using Code Commit

ankana likhita sri priya
Jul 15 · 7 min read
Image 1: Login to the console and at services click CodeCommit.
Image 2: Create a repository.
Image 3: Enter your repository name, a sample description for it.
Image 4: Enter sample file name and give author name,mail id and then commit changes.
Image 5: After commit changes your sample text file will be committed to master.
Image 6: Click on Clone HTTPS.
Image 7: Clone your Http Url.
Image 8: Create a new folder at any where in your system.
Image 9: Give the name to your new folder.
Image 10: Select git bash here.
Image 11: Console opens
Image 12: Paste the url here and add your git crediantals.
Image 13: Add your git credentials.
Image 14: It is connecting remotely to code commit
Image 15: A new folder displays here inside your folder.
Image 16: A text file displays here inside new folder.
Image 17: Copy all your source code files here and again click git bash here.
Image 18: Check git status
Image 19: Add the files to Code commit.
Image 20: All files are added.
Image 21: Enter some related comment.
Image 22: Push your code to Code commit
Image 23: Go to your repository in code commit
Image 24: All files that you added will displays here.
Image 25: Login to the console and at services click Lightsail.
Image 26: Create an instance.
Image 27: Select the platform and blueprint.
Image 28: Create instance.
Image 29: Your instance is in pending state.
Image 30: Your instance is in running state.
Image 31: This is your instance.
Image 32: Add your custom firewall.
Image 33: Click on Save.
Image 34: Connect to server.
Image 35: A terminal opens in lightsail.
Image 36: Clone your application here in the server.
Image 37: Go to your file path.
Image 38: Install npm modules.
Image 39: See all node modules are installed.
Image 40: Install angular/cli
 ng serve --host
Image 41: Start the server
forever start node_modules/@angular/cli/bin/ng serve --host
Image 42: To run the server continuously.
Image 43: Copy this IP address.
Image 44: Paste this IP in browser.
Image 45: Paste the Ip address along with your port number. Your application runs.
Image 46: To modify your file.
Image 47: Edit Save and Quit from the file.
Image 48: Restart the server.
Image 49: Again connect to Server.
forever start node_modules/@angular/cli/bin/ng serve --host
Image 50: Run this command for continuous usage of your application.
Image 51: Paste the IP address along with your port number. Your application runs.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade