What is the Azure FrontDoor : Article 04

This is the the first article for my Real Time Dashboard with Kafka+Spring-boot+Angular+Azure article series. If you missed third arcticle please read the What is the Azure CDN here.

Azure FrontDoor

FrontDoor

This frontdoor recognized as a one of routing way with web apps. It provide to manage web traffic of your sites by optimizing for best performance and quick global failover for high availability.This can handle multi-region consumer and and enterprise applications into robust, high-performance personalized modern applications, APIs, and content that reaches a global audience with Azure.

When creating frontend, at the first you have to give resource group . after that you will get frontdoor designer portal that you have to configure the whee should go. let’s say example like this.

Front door Configuration

Here you can see, there are three parts have in the configurations.

• Frontend/domains

Basically here we should give/set up frontdoor URL. This will be used to access the front door.In this project, CDN will used frontdoor URL as an origin.

• Backend pools

Here we should mentioned our resources locations. It will be web apps,Cloud service, Storage and so on.

• Routing rules

Here mainly we set up the rule that bind frontend URL with backend URL with configurable manner.reference article

Let’s discuss different example about URL redirect one. Put it simply, Using frontend URL and path can be routed to relevant location directly.

Example

Considering above example you can see, we have one frontend URL and its may have different path ways sensordata and adminpanel. The other side we have different app services for handle sensor data and admin panel. So connecting those with based on request path variable is easy with Frontdoor.

So let’s see

First have to config URL for frontdoor

Frontend/domains configuration

After Backend pool

After giving name, It is need to config backend resource. It can be done add a backend option.

App service 01

As you can see, service 01 app URL added. In the backend host type set as app service or custom host.Then click add. For now other configuration keep as default. Like wise you should add other app service URL also. If it that empty, it won’t allow rule. When rule making you can realize in redirect method, added backend is not involving. Let’s see

adding rule for /sensordata/ path

adding rule for /sensordata/ path

You can see in pattern match configured /sensordata/ . It will simply check weather that path include or not. In the bottom configuration

• Route Type : Redirect
• Redirect Type : Moved (301)
• Redirect protocol : Can be either HTTPS only or Match request
• Destination host : This is chge to our service 01 app URL
• Destination path : set as /sensor/
• Destination fragment : /temperature

Like wise /adminpanel/ configuration as follows

adding rule for /adminpanel/ path

adding rule for /adminpanel/ path

Let’s save and see

/sensordata/ behavior

/adminpanel/ behavior

That’s it. Let’s see the fifth arcticle relate to this project

App Services

Thank you.