Deploy a Static Website using Microsoft azure Virtual Machine and apply Application gateway (Load balancer ).
- Vivek Mane
- Harshal Sonawane
- Ajit Misal
Case Study: Deploying VikyGym Static Website on Azure
Project Name: VikyGym Static Website Deployment on Azure
Client: VikyGym, a local fitness and wellness center
VikyGym, a thriving fitness and wellness center nestled in the heart of a bustling urban area, recognized the significance of extending their reach beyond their physical location. They understood that establishing an online presence was essential for reaching a wider audience and providing prospective clients with comprehensive information about their services and facilities. In collaboration with our team of Azure experts, VikyGym embarked on a transformative journey to deploy their static website on the Azure cloud platform.
VikyGym faced several challenges, including:
Lack of Online Presence: The absence of a website limited their ability to connect with potential clients who primarily search for fitness centers and services online.
Accessibility: They needed to ensure that their website was accessible to users on various devices and from different locations.
Performance: It was crucial to optimize the website for speed and reliability to provide a seamless and engaging user experience.
Cost Efficiency: VikyGym needed a solution that aligned with their budget while providing scalability and reliability.
Azure VM : Azure Virtual Machines (VM): To provide enhanced functionality and dynamic content on their website, VikyGym opted for Azure VMs. These virtual machines allowed them to run specific applications and services that required server-side processing. By deploying VMs, VikyGym could execute custom code, process user data, and offer interactive features on their website, such as appointment booking, membership registration, and real-time class schedules. Azure VMs ensured flexibility, scalability, and the ability to tailor their web applications to their unique requirements.
IIS Web Server: We deployed Azure Virtual Machines to host the IIS (Internet Information Services) web server. This allowed us to run VikyGym's website application efficiently and provided full control over the hosting environment.
Azure Application Gateway: Azure Application Gateway was implemented to act as a web traffic load balancer, distributing incoming requests to the Azure VMs. This load balancing mechanism helped optimize website performance, ensuring that traffic was efficiently distributed to maintain responsiveness.
Azure DNS (Default Azure Domain): We used Azure DNS, including default Azure domain services, to manage domain names, configure DNS records, and route traffic to the appropriate Azure resources. This service played a vital role in ensuring that VikyGym's custom domain was correctly associated with their website hosted on Azure VMs and Application Gateway.
By combining these Azure services, we were able to create a robust and scalable infrastructure for VikyGym's website, delivering an engaging online experience for their clients and potential customers. This integrated solution ensured that the website was not only visually appealing but also highly performant and accessible, meeting VikyGym's goals of expanding their online reach and providing essential information about their services and facilities.
This comprehensive Azure-based solution yielded the following results for VikyGym:
Online Presence: VikyGym successfully established a robust online presence, allowing them to connect with a wider audience and provide detailed information about their fitness and wellness services.
Accessibility: With Azure services, the website was accessible from various devices and locations, catering to a diverse user base.
Performance Optimization: Utilizing Azure VMs and load balancing with Azure Application Gateway, the website's performance was significantly improved, ensuring a smooth and responsive user experience.
Custom Domain: The use of Azure DNS facilitated the seamless mapping of the custom domain to the Azure VM instances, reinforcing the brand identity.
By leveraging Azure Virtual Machines, Application Gateway, and Azure DNS, VikyGym successfully overcame their challenges and achieved a compelling online presence. This solution not only met their technical requirements but also aligned with their budgetary considerations, enabling them to compete effectively in the digital space. VikyGym is now well-equipped to expand their reach, connect with potential clients, and deliver their wellness services to a broader and more diverse audience.
Sign into the Azure portal
Click on Create a Resource > Virtual Machine.
Fill the necessary details Then select the size of the VM and give it a username and password.
Select the inbound ports. HTTP (80), RDP (3389) then click on ‘Next: Disks’.
Select the ‘standard SSD’ as OS disk type.
Click on review and create.
Wait for your deployment to get completed, then click on go to resource.
Click on the ‘Connect’ button.
In the native RDP Box click on select, then wait for it to check the prerequisites, when done download the RDP file.
Now enter the Username and Password that you created and connect with remote desktop.
Open the server manager dashboard > open Add Roles and Features Wizard > click on Server Roles > Web Server (IIS) and press install.
Wait for the installation to get complete
Then open This PC > C: Drive > inetpub > wwwroot > .html file.
Now the Delete Existing files and paste project file from our system to wwwroot folder
Copy the VM’s public IP and paste and run it through your browser.
Our Webpage is Successfully uploaded on VM
Create One more VM Same as previous
Install Web Service (IIS)
Then open This PC > C: Drive > inetpub > wwwroot > .html file.
Now the Delete Existing files and paste project file from our system to wwwroot folder
Copy the VM 2’s public IP and paste and run it through your browser.
Now deploy an application gateway (layer 7 Load Balancer) for single site. :
Create Application gateway
Basic: give name > region > Tier (WAF v2) >Autoscaling (Disable) > instance count (1) > Http2 (disable) > WAF policy (create new: give name > enable bot protection).
Frontend: Give name > address type (public) > ip address (create new)
Backend: Backend pool (give name) > Target Type (add: VM1 and VM2) >add.
Configuration: Routing table > give name > priority (500)> Listener> give name >
frontend_IP (public) > protocol (Http) >port (80) >Listener type (basic).
Backend target : target type (Backend pool) > backend target (backend_pool_ip) >
backend settings: give name > http > port (80) > cookie based affinity (disable) >connection
draining (disable) > add > review + create
Wait for Deployment
After deployment copy the Application gateway’s public ip and paste it in browser to see the load balancer work
Here we can see our website is loaded successfully
In order to check Application gateway (Load balancer ) working properly we make some changes in both Website Title name
After Refreshing Tab Different Webpage loads .
Here we can load balancer is working perfectly Fine.
Let’s Configure Default Azure DNS
Go to Resource group > Click on Gateway Public IP
Configuration > Give Name > save.
Copy DNS name & paste in new tab
This is the Home page of my web site
This is the About of VIKY GYM
This is the CLASSIES of VIKY GYM
SCHEDULE Your Time for Training
This Is The Gym Expert Trainers In Vikygym
This Is The Contact Page To Easy To Contact With Experts And join The Gym, Schedule Your Time.
