I have create a dummy website of World of Choco Boutique
Youtube Video Link: https://youtu.be/3hUzs8cpfNs?si=iVteVhklNn5lXoC_
World of Choco Boutique website link: https://world.of.choco.boutique.redbusmagic.online/
Aim:
To deploy a website on Azure, establish a custom URL via DNS. Additionally, setting up a web alert rule, and employ access restrictions to prevent malicious users from accessing the website.
Procedure
Step1: Establish a Virtual Network (V-Net) that contains a subnet, and within that subnet, place a Virtual Machine (VM).
Step2: Create a web service using App Service.
Step3: Establish a connection to the VM, install FileZilla within the VM, & deploy a website through FileZilla.
Step4: We can paste the URL of web app on the internet we will be able to see the website.
Step5: We can change the URL of the web app by custom domain with the help of hostinger. We will be able to view the website through our domain
Step6: Create an alert rule for web app.
Step7: Create an access restriction.
Working Website URL with web app
HOME PAGE
ABOUT US
CHOCOLATES
TESTIMONIAL
CONTACT US
CONTACT DONE
LOGIN
LOGIN SUCCESSFULLY
Working Website URL with DNS
HOME PAGE
ABOUT US
CHOCOLATES
TESTIMONIAL
CONTACT US
CONTACT DONE
LOGIN
LOGIN SUCCESSFULLY
Architecture
Deployment of Website
Explanation of a diagram:
Here we have created a V-Net in Central India with ip address 10.0.0.0/24. Inside that we have subnet1 with ip address 10.0.0.0/16. And inside the subnet1 there is a VM1 and web app.
In web app we are going to create DNS alert and access restriction.
Now let us look how to deploy a website.
Create a web app and go to the deployment center.
Connect the VM and install the FileZilla as well as install the website of your choice.
Form the web app give the FTPS credentials to the FileZilla and connect.
Copy the URL of where babe on the Google you will be able to view your website.
NOTE:
You can view your website from any device.
Implementing our own Domain
Explanation of a diagram:
Here we have created a V-Net in Central India with ip address 10.0.0.0/24. Inside that we have subnet1 with ip address 10.0.0.0/16. And inside the subnet1 there is a VM1 and web app.
In web app we are going to create DNS.
Now let us look how to have a custom domain.
Here we have taken the domain name as worldsofchocoboutique.redbusmagic.online.
We need to paste the CNAME and TXT in the hostinger. (Or else from wherever we have buy the domain)
We need to validate and wait for some time after validation we can add the domain name.
It will automatically get a binding or else you need to bind it.
Paste the new URL on the web app and you will be able to view the website.
Implementing Alerts and Access Restriction
Explanation of a diagram:
Here we have created a V-Net in Central India with ip address 10.0.0.0/24. Inside that we have subnet1 with ip address 10.0.0.0/16. And inside the subnet1 there is a VM1 and web app.
In web app we are going to create alert and access restriction.
Now let us look how to create alert rule.
Here we have created an alert rule where we will be getting a notification on SMS and email on the registered phone number and the email ID.
The rule is that if a website is not working and user try to access the website a notification will be send on the given phone number and email.
Now let us look how to access restriction.
Here we can restrict some VM and allow some VM to get the access. Also we can restrict some IP and allow other IP to get the access.
If any of the devices is unable to view the website then we will be getting an notification.
Now let us look how to restrict a VM1.
Here I have restricted VM1 for this website but on the same time I can access it on my local machine or on my phone.
Simultaneously I will also get a notification on email and SMS that someone is unable to view the website.
Suppose now you want to remove the restriction from the VM1.
Then you need to change the priority to 999 because the priority which was set to 1000 was to restrict the VM1.
After setting the priority will be able to view the website.
NOTE: Higher the priority lesser the number.
Create a VM
Connect VM
Download FileZilla
Install FileZilla
Create a Web App
FTPS Credentials
FTPS Credentials in FileZilla
Transfer the file
Website view in VM1
Website view in local machine
Working Website
Create a custom domain
Added it in Hostinger
Validate the domain & Add
Domain with SSL
Viewing website with our own domain
Creating an alert rule for web App
Identify the rule
Create an action group
Giving email & phone number for notifications.
Registered phone number
Registered email
Create an alert rule for choco bites
Access Denied
Email Received for error
Email Received for error resolved
We can view website now
Create an alert rule for worldofchocoboutique
Access Denied
Email Received for error
We can view website now
Email Received for error resolved
Error Solved
Access restriction ON
Add Rule to deny access to VM1
Access Denied in VM1
But able to view in Local Machine
Add Rule to allow access to VM1
Access granted to VM1
