Azure Front Door: Classic Deployment

Halo Engineers!

Pada artikel ini saya akan menjelaskan salah satu layanan jaringan yang menarik pada azure, yups it’s Azure Front Door.

Singkatnya, Azure Front Door merupakan salah satu layanan yang dapat menghadirkan konten anda dan mendistribusikannya ke seluruh dunia menggunakan Jaringan Global Microsoft.

Front Door juga dapat bertindak seperti Load Balancer dan Application Firewall, selain itu ada beberapa fitur utama pada Azure Front Door:

  • Merutekan traffic user ke titik PoP yang terdekat, ini bisa meningkatkan performa pada Aplikasi.
  • Memastikan pengguna mengakses aplikasi yang berfungsi, jika salah satu aplikasi down, aplikasi tersebut akan dialihkan ke aplikasi yang sedang berfungsi.
  • Path Based Routing
  • Terminate SSL Offload.
  • Secara Native mendukung konektivitas secara end-to-end dan HTTP/2 Protocol.
  • Dan Lainnya.

Pada skenario kali ini, saya akan menggunakan arsitektur seperti dibawah.

Dimana saya akan melakukan deployment:

  • Azure App Service, sebagai backend sample aplikasi yang dijalankan pada 2 region yang berbeda. Dalam artikel ini saya akan menggunakan region East US2 dan Southeast Asia.
  • Azure Front Door, untuk mengarahkan traffic aplikasi ke situs yang terdekat dengan pengguna.

Membuat 2 Instances App Service

Pertama-tama kita akan mulai dengan masuk ke Azure CLI dengan perintah az login. Setelah itu kita buat Resource Group sesuai dengan region masing-masing:

az group create --name EAST-US2-RG  --location eastus2
az group create --name SEA-RG  --location southeastasia

Berikutnya kita buat App Service Plan:

#East US
az appservice plan create \
--name EAST-US2-FREE-PLAN \
--resource-group EAST-US2-RG \
--is-linux \
--sku FREE

#SEA
az appservice plan create \
--name SEA-BASIC-PLAN \
--resource-group SEA-RG \
--is-linux \
--sku B1

Disini saya akan menggunakan 2 Sample Apps yang berjalan diatas Docker, untuk repository Image nya bisa kalian lihat disini My Repository.

Oke langsung saja kita buat 2 Web App dengan perintah berikut:

#East US
az webapp create \
--name sampleapps01 \
--resource-group EAST-US2-RG \
--plan EAST-US2-FREE-PLAN \
-i 4native/sampleapps01

#SEA
az webapp create \
--name sampleapps02 \
--resource-group SEA-RG \
--plan SEA-BASIC-PLAN  \
-i 4native/sampleapps02

Setelah itu kalian lakukan pengetesan dengan menggunakan perintah curl terhadap kedua endpoints, hasilnya akan seperti dibawah:

Membuat Azure Front Door

Pada kesempatan ini saya akan membuat Azure Front Door dengan metode Classic menggunakan Portal Azure.

Pada menu Front Door, klik Create.

Pilih menu Explore other offerings > Azure Front Door (classic).

Pilih Subscription dan Resource Group yang sudah dibuat sebelumnya. Disini saya akan membuat Front Door pada Region Southeast Asia.

Pada step 1 ini kita akan mengonfigurasi Front End Host, masukkan nama hostname yang unik secara global.

Azure Front Door menggunakan Backend Pool yang terdiri dari beberapa backend yang mengarah ke layanan lain, dalam kasus kami kali ini terdiri dari 2 Azure App Service.

Masukkan nama Backend Pool, dan setelah itu klik Add a backend.

Masukkan beberapa konfigurasi berikut yang diperlukan:

  • Backend host type: App Service
  • Subscription: Subscription Anda.
  • Backend Host Name: Pilih Sample Aplikasi 1 yang sudah dibuat.

Biarkan sisa konfigurasi nya default, setelah itu klik Add. Dan ulangi langkah yang sama untuk sample aplikasi yang kedua.

Selanjutnya menambahkan Routing Rules, rule ini akan mengatur perutean dari frontend host ke backend pool atau meneruskan permintaan untuk 4native.azurefd.net ke BackendWebApp.

Select Review+Create.

Tunggu beberapa saat hingga deployment selesai.

Lakukan pengujian dengan menggunakan perintah curl. Outputnya akan seperti berikut:

$ curl -s https://4native.azurefd.net
> Welcome to Sample Apps 01

Dapat dilihat, aplikasi yang merespons permintaan tersebut adalah sampleapps01.

Untuk melakukan pengujian, coba kita stop sampleapps01 menggunakan perintah Azure CLI berikut:

az webapp stop --name sampleapps01 \
--resource-group EAST-US2-RG

Setelah itu kita lakukan pengujian menggunakan perintah Curl.

$ curl -s https://4native.azurefd.net
> Welcome to Sample Apps 02

Seperti yang dapat kita lihat, saat kita menghentikan sampleapps01 Front Door mengalihkan ke aplikasi di region yang berbeda.

Oke sekian pada artikel kali ini. see u soon ✨

Reference:

  1. https://moethorstensen.no/azure-front-door-a-practical-example-part-1/
  2. https://learn.microsoft.com/en-us/azure/frontdoor/front-door-overview#global-delivery-scale-using-microsofts-network

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.