Create and Deploy Static e-commerce shoes Shop website on cloud Using Azure cloud provider Virtual Network and Subnets: We started by setting up a Virtual Network in Azure to create a secure and isolated environment for our resources. Within this network, we divided it into two subnets. Subnet 1 was designated for our frontend, where we hosted two virtual machines for deploying our website. Subnet 2 was dedicated to the database, which was hosted on another virtual machine.
Youtube Video Link:
https://youtu.be/5ZYcGSnf_5E?si=DssRQ3yNLvCxb8bn
Shoes-shop website link:
http://shoes.riyashukla.online/index.html
INTRODUCTION
Creating and deploying a static e-commerce shoe shop website on the Azure cloud platform is an excellent way to establish an online presence for your shoe business. Azure offers a robust and scalable infrastructure that can provide the reliability and security needed to run your e-commerce site effectively. In this guide, we'll take you through the process of setting up your website on Azure. In today's digital age, establishing an online e-commerce presence is crucial for the success of any retail business. Whether you're a small shoe boutique or a large footwear retailer, creating a website that allows customers to browse and purchase your products can significantly expand your customer base and boost sales. Azure, Microsoft's cloud computing platform, provides a reliable and scalable environment to host your e-commerce site. Our Azure-powered website ensures lightning-fast performance, secure transactions, and an impeccable user experience. Azure's robust infrastructure guarantees 24/7 availability, assuring you can shop for your favorite shoes at any time, from anywhere in the world. Explore our extensive collection of sneakers, heels, boots, and more, and enjoy a user-friendly interface that makes browsing and shopping a breeze. With Azure's cloud resources, we can effortlessly scale to meet peak demand during sales and promotions, ensuring you never miss out on the latest trends.
BACKGROUND
In the early 2000s, the e-commerce landscape witnessed the emergence of online shoe shops, marking a significant shift in the way people shopped for footwear. These websites aimed to provide customers with a convenient and extensive platform for browsing, selecting, and purchasing shoes from the comfort of their homes. The background of these e-commerce shoe shops is rooted in the digital revolution and the growing consumer preference for online shopping. With the advent of secure online payment methods and advancements in web technology, it became feasible to create user-friendly, visually appealing platforms for showcasing a wide range of shoe brands and styles. These websites offered various advantages, such as a vast product catalog, detailed product descriptions, high-quality images, and customer reviews, empowering shoppers to make informed choices. Additionally, e-commerce platforms streamlined the purchasing process, offering features like wish lists, cart management, and easy returns. These websites offered various advantages, such as a vast product catalog, detailed product descriptions, high-quality images, and customer reviews, empowering shoppers to make informed choices. Additionally, e-commerce platforms streamlined the purchasing process, offering features like wish lists, cart management, and easy return.
Resource group
Resources group is a collection or group in azure cloud,it making easier to manage , monitor or organize them
Traffic Manager: To enhance the availability and performance of our website, we implemented Azure Traffic Manager. This service efficiently distributed incoming web traffic between the two virtual machines in Subnet 1, ensuring a seamless experience for our visitors.
Virtual Network : In Azure to isolate your resources and enhance security. Mention that it's like your private network in the cloud. Within the Virtual Network, you divided it into two subnets. Subnet 1 is for the frontend of your website, and Subnet 2 is for the database. Explain that this segregation helps manage and secure traffic. In Subnet 1, you have two Virtual Machines. One is for deploying your website, and the other is for redundancy or scaling. The VM in Subnet 2 is for hosting the database.VMs are like virtual computers running in the cloud.
DNS Zone: 1.We created a DNS Zone to manage the domain name of our shoe shop website. This allowed us to map our user-friendly domain (shoes.riyashukla.online ) to the IP address of our Traffic Manager. So, when visitors access our site, they are seamlessly routed to the appropriate VM. 2.In your case, you created a DNS Zone to host your website's domain name. This means that when someone types in your website's address in a web browser, the DNS Zone directs them to the correct destination. In this setup, it's linked to the Traffic Manager. 3.So, when a user accesses your website, the DNS Zone plays a crucial role. It translates your user-friendly domain name (e.g., www.yourwebsite.com) into the IP address of your Traffic Manager. The Traffic Manager then takes care of distributing the user's request to the appropriate Virtual Machine within your Subnet 1. This ensures that your website loads efficiently and reliably for your visitors.
Monitoring and Alerts: To ensure the optimal functioning of our website, we implemented monitoring and alerting systems. These tools provided insights into the performance, health, and potential issues of our website, enabling us to take timely actions and maintain a high-quality user experience.
Azure CDN: To further enhance the website's performance, we integrated Azure Content Delivery Network (CDN). This technology cached and delivered website content from locations closer to the end-users, resulting in faster load times and a smoother browsing experience.
Architecture:
Create Virtual Network:
Create Virtual machine: 1.Create Machine 1 in subnet1
Create virtual machine for database in subnet2:
Create Azure MySqL database:
Install Mysql database in Machine3(Database Server Machine):
Create Azure CDN:
Deploy code on virtual machine using Github:
Deploy same code on machine1 and Machine2
Commands:
Create DNS Zone for hosting:
Step 1:Visit Hostinger’s website Step 2Search for Your Domain(riyashukla.online) Step 3Review your cart, sign in or Create an account Step 4Place your order confirm Step 5Domain Registration
Create a DNS zone to host your website domain name .This means that when someone types in your websites address in a web browser, the DNS zone directs them to the correct destination.In this setup, its linked to the traffic manager
Create traffic manager (Priority based)
Traffic Manager to distribute incoming requests between the two VMs in subnet1.It improves the availability and Performance of your website by load balancing.
• Now we need to create Traffic Manager it distrubuting the Users request to the apporopriate Virtual Machine within your subnet 1.This ensures that your website loads efficiently and reliably for your visitors. • Create a Traffic Manager Profile:
• In the Azure Portal, search for and select "Traffic Manager profiles." • Click the "+ Add" button to create a new Traffic Manager profile. • Follow the prompts to configure the profile with your desired settings, including routing method (e.g., Priority, Weighted, Geographic), and add the endpoints (the VMs in your Subnet 1). • We select routing method (Priority)
Link Traffic Manager to the DNS zone
• In the DNS Zone settings, under "Records," you should create a CNAME (Alias) record that points to your Traffic Manager profile. This is where you connect the DNS Zone to the Traffic Manager. • Add a CNAME record with a name like "www" or "@", and set its value to the fully qualified domain name (FQDN) of your Traffic Manager profile.
Update Your Domain Registrar
• If your domain is registered with a domain registrar (Hostingr), you need to update the DNS settings there. Log in to your domain registrar's website. • Change the nameservers or DNS settings to point to Azure's DNS servers (you can find these DNS server details in your Azure DNS Zone settings).
Azure Monitor
Monitoring in Azure is a crucial aspect of managing and maintaining the health, performance, and security of your cloud resources. Azure provides a comprehensive set of monitoring and management tools. Here's an overview of how monitoring works in Azure:
Azure Alerts: You can configure alerts to notify you when specific conditions are met. For example, you can set up alerts for high CPU usage, low memory, or any other metrics. These alerts can be sent to various notification channels, including email, SMS, or even third-party services like Slack. Azure Monitor for VMs: If you're running virtual machines (VMs) in Azure, you can use this service to collect performance and health data for those VMs. Metrics: Metrics are numerical data collected from your resources. Azure Monitor collects, stores, and analyse metrics to help you understand how your resources are performing. You can set up alerts based on these metrics to be notified of any issues. Azure Application Insights: This service is part of Azure Monitor and is focused on application performance monitoring. It helps you track the performance and usage of your web applications and other services.
Azure Alerts:
Metrics:
Network:
Resource group: Resources group is a collection or group in azure cloud,it making easier to manage , monitor or organize them
Traffic Manager: To enhance the availability and performance of our website, we implemented Azure Traffic Manager. This service efficiently distributed incoming web traffic between the two virtual machines in Subnet 1, ensuring a seamless experience for our visitors.
Virtual Network : In Azure to isolate your resources and enhance security. Mention that it's like your private network in the cloud. Within the Virtual Network, you divided it into two subnets. Subnet 1 is for the frontend of your website, and Subnet 2 is for the database. Explain that this segregation helps manage and secure traffic. In Subnet 1, you have two Virtual Machines. One is for deploying your website, and the other is for redundancy or scaling. The VM in Subnet 2 is for hosting the database.VMs are like virtual computers running in the cloud.
DNS Zone: 1.We created a DNS Zone to manage the domain name of our shoe shop website. This allowed us to map our user-friendly domain (shoes.riyashukla.online ) to the IP address of our Traffic Manager. So, when visitors access our site, they are seamlessly routed to the appropriate VM. 2.In your case, you created a DNS Zone to host your website's domain name. This means that when someone types in your website's address in a web browser, the DNS Zone directs them to the correct destination. In this setup, it's linked to the Traffic Manager. 3.So, when a user accesses your website, the DNS Zone plays a crucial role. It translates your user-friendly domain name (e.g., www.yourwebsite.com) into the IP address of your Traffic Manager. The Traffic Manager then takes care of distributing the user's request to the appropriate Virtual Machine within your Subnet 1. This ensures that your website loads efficiently and reliably for your visitors.
Monitoring and Alerts: To ensure the optimal functioning of our website, we implemented monitoring and alerting systems. These tools provided insights into the performance, health, and potential issues of our website, enabling us to take timely actions and maintain a high-quality user experience.
Azure CDN: To further enhance the website's performance, we integrated Azure Content Delivery Network (CDN). This technology cached and delivered website content from locations closer to the end-users, resulting in faster load times and a smoother browsing experience.
Conclusion: In summary, our project successfully leveraged Azure's cloud computing capabilities to create and deploy a shoe shop website with a strong focus on availability, performance, and user experience. The use of Virtual Networks and Subnets ensured a secure and organized infrastructure. Traffic Manager efficiently managed incoming traffic, while DNS Zone facilitated seamless domain name resolution.
Our commitment to monitoring and alerts helped us stay proactive in maintaining the website's reliability. Lastly, the Azure CDN optimized content delivery, making our site faster and more responsive to our customers.
In conclusion, by harnessing Azure's cloud services and following best practices, we've not only created a functional online presence but also ensured that it's accessible, reliable, and responsive, providing an excellent shopping experience for our customers. This project demonstrates the power of cloud computing in enabling e-commerce businesses to thrive in the digital age.