How to build and Deploy an E-Commerce Platform with Git-Linux-and-AWS

Project Description:

To develop an e-commerce website for a new online marketplace name “Agate Interior”. This platform will feature product listings, a shopping cart, and user authentication.

Task:

To utilize Git for version co…


This content originally appeared on DEV Community and was authored by Oluwatobi

Project Description:

To develop an e-commerce website for a new online marketplace name "Agate Interior". This platform will feature product listings, a shopping cart, and user authentication.

Task:

  1. To utilize Git for version control, develop the platform in a Linux environment, and deploy it on an AWS EC2 instance.
  2. Continous integration and development workflow
  3. Developing New features and fixes
  4. Version Control with Git
  5. Pull Requests and Merging to ain branch
  6. Deploying Updates to the Production Server
  7. Testing the new changes

Step 1:

Initialize Git Repository

  • Create a new Repository

1_aws

  • Copy SSH/HTTP (depending on the one you use best)

2_aws

  • Clone the Repo
    git clone "Paste the URL"

  • Confirm it has been successfully downloaded into your local Repo

3_aws

## Step 2:

Obtain and Prepare the E-Commerce Website Template

Instead of developing the website from scratch, use a pre-existing e-commerce website template

4_aws

  • Extract the Downloaded template into your project Directory that you've created

  • Customize the template if you have a basic web development skill. (I Tailored mine to Agate Interior)

5_aws

## Step 3:

Stage and Commit the Template to Git

  • Run ls to confirm the directory
  • git add "Directory_name" to stage the codes

6_aws

  • Run git status to see if it's successfully staged

7_aws

  • Run git commit -m "your message" to commit your code

8_aws

  • git push / git push -u origin main to push your code to your remote Repo

9_aws

  • Go to your Github to confirm the changes

10_aws

## Step 4:

AWS Deployment

To deploy, you'll start by setting up an Amazon EC2 instance

  • Log in to the AWS Management Console

11_aws

  • Launch An EC2 Instance Using an Amazon Linux AMI

  • Remember to download a key pair

12_aws

13_aws

  • Connect to the to your local Repo using SSH
  • Copy the URL

14_aws

You have successfully launched an EC2

## Step 5:

Connect and Clone the repository on the Linux Server

You need to clone the GitHub repository to your AWS EC2 instance. This process involves authenticating with GitHub using SSH

  • Open your Local Server
  • Paste the URL copied from your EC2 to connect your local server to the remote server

15_aws

  • Run ssh-keygen to generate an SSH keypair

  • Press enter to use the default file directory and passphrase

17_aws

  • Run cat /home/ec2-user/.ssh/id_rsa.pub (copy the content)

18_aws

  • Navigate to your Repository in GitHub Console, click on settings

19_aws

  • Navigate to SSH and GPG key, create a new SSH key

21_aws

  • Paste the Copied content, and add the SSH key

22_aws

Install git on your EC2 server if you have it installed

To check if it is installed or not

  • Run which git

23_aws

  • To install, run sudo yum install git

24_aws

Clone the Repository

  • Navigate back to Repo and copy the SSH URL

16_aws

  • Clone Repo

25_aws

## Step 6:

Install a Web Server on EC2

Apache HTTP Scerver

Installing it on Linux EC2 server allows you to host "Agate Interior"

  • Install the Apache web server on the EC2 instance.

```sudo yum update -y
sudo yum install httpd -y
sudo systemctl start httpd
sudo systemctl enable httpd




![26_aws](https://github.com/user-attachments/assets/712c8886-82dc-42ca-8d4b-40577afaea5b)


- Configure httpd for the website

sudo rm -rf /var/www/html/*
sudo cp -r ~Agate_interior/* /var/www/html/



![27_aws](https://github.com/user-attachments/assets/c30988d7-37e1-4432-9094-19e8494edfc5)

- Reload httpd 

`sudo systemctl reload httpd`

![28_aws](https://github.com/user-attachments/assets/d812c2bd-9b98-40f8-bab5-df2656cef989)

 ## Step 7: 
### Sccess Website from browser 

- Open a web browser and access the public IP of your EC2 instance to view the deployed website 

![29_aws](https://github.com/user-attachments/assets/773eb3fd-c411-4a57-8aba-3a23fe91f0d4)


 ## Step 8: 
### Continuous Integration and Deployment Workflow

- Developing New Features and fixes 

- `git checkout -b Development` to create a new branch

![30_aws](https://github.com/user-attachments/assets/e53e20fd-47d8-469f-b560-8f3d0eefcaf2)


- Make your New development 

![31_aws](https://github.com/user-attachments/assets/734c509c-a8d1-4a0b-9f92-e3a8b40f4f12)

- Stage your Edit

git add "index.html"
git commit -m "your message"
git push




![32_aws](https://github.com/user-attachments/assets/4ec1d03a-0d71-48e3-aa1f-32fd8973d5a0)


- Go to your GitHub 

![33_aws](https://github.com/user-attachments/assets/a8819b6c-0f63-448d-aac7-19730160069b)


![34_aws](https://github.com/user-attachments/assets/f101f095-c585-4b3d-8b5f-d49c204a1575)


![35_aws](https://github.com/user-attachments/assets/47da77a5-d546-4b29-be43-b46d40dde310)


- Git pull 

![36_aws](https://github.com/user-attachments/assets/86948c08-c36c-407c-9924-6e949faf3a47)


## Step 8: 
### Deploying Updates to the Production Server 

- Pull the latest changes on the Server 

![37_aws](https://github.com/user-attachments/assets/366e2aef-a832-428f-87a0-a4c133a35de3)


- Follow and study the code 

![38_aws](https://github.com/user-attachments/assets/2d9ef45a-c875-40c7-b62f-90bf829eb4a8)



- Code Updated

## Before 
![5_aws](https://github.com/user-attachments/assets/cad4b981-5a0b-4d47-918d-1559196b2cab)

## After
![39_aws](https://github.com/user-attachments/assets/8ac29c0a-e023-4932-9e86-9b0c6bb434e2)


This content originally appeared on DEV Community and was authored by Oluwatobi


Print Share Comment Cite Upload Translate Updates
APA

Oluwatobi | Sciencx (2024-07-31T18:16:40+00:00) How to build and Deploy an E-Commerce Platform with Git-Linux-and-AWS. Retrieved from https://www.scien.cx/2024/07/31/how-to-build-and-deploy-an-e-commerce-platform-with-git-linux-and-aws/

MLA
" » How to build and Deploy an E-Commerce Platform with Git-Linux-and-AWS." Oluwatobi | Sciencx - Wednesday July 31, 2024, https://www.scien.cx/2024/07/31/how-to-build-and-deploy-an-e-commerce-platform-with-git-linux-and-aws/
HARVARD
Oluwatobi | Sciencx Wednesday July 31, 2024 » How to build and Deploy an E-Commerce Platform with Git-Linux-and-AWS., viewed ,<https://www.scien.cx/2024/07/31/how-to-build-and-deploy-an-e-commerce-platform-with-git-linux-and-aws/>
VANCOUVER
Oluwatobi | Sciencx - » How to build and Deploy an E-Commerce Platform with Git-Linux-and-AWS. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/07/31/how-to-build-and-deploy-an-e-commerce-platform-with-git-linux-and-aws/
CHICAGO
" » How to build and Deploy an E-Commerce Platform with Git-Linux-and-AWS." Oluwatobi | Sciencx - Accessed . https://www.scien.cx/2024/07/31/how-to-build-and-deploy-an-e-commerce-platform-with-git-linux-and-aws/
IEEE
" » How to build and Deploy an E-Commerce Platform with Git-Linux-and-AWS." Oluwatobi | Sciencx [Online]. Available: https://www.scien.cx/2024/07/31/how-to-build-and-deploy-an-e-commerce-platform-with-git-linux-and-aws/. [Accessed: ]
rf:citation
» How to build and Deploy an E-Commerce Platform with Git-Linux-and-AWS | Oluwatobi | Sciencx | https://www.scien.cx/2024/07/31/how-to-build-and-deploy-an-e-commerce-platform-with-git-linux-and-aws/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts