Static website hosting, Azure Storage i Cloudflare

Pisane i publikowane na szybko. Za gramatykę i język nie odpowiadam, do czasu korekty ;-)

Jakiś czas temu Azure Storage dostał długo wyczekiwaną funkcje hostowania statycznych stron, co przy dzisiejszym trendzie do aplikacji SPA czy statycznych generatorów stron jest super. Po co płacić za Web App pod trzymanie plików!

Niestety Azure Storage nie działa z własnymi domeną i https (problem z certyfikatem dla domeny), można niby CDN w Azure, ale da się lepiej i taniej.

Jednym z rozwiązań typu Janusz Azure - czyli tanio, szybko i lepiej jest wykorzystanie darmowego Cloudflare na froncie przed Azure Storage.

Zakładając, że już mamy postawiony Azure Storage z włączonym hostawniem statycznych stron trzeba wykonać klika prostych, kroków. Jeśli nie to wszystko jest opisane w dokumentacji.

Pierwszy to wyłączenie w konfiguracji konta storage Secure transfer required.

Punkt drugi to stworzenie dwóch wpisów w dns w Cloudflare. Pierwszy wpis to nasza nazwa dns, którą chcemy używać. Wpis jest typu CNAME wskazujący na host z Primary static website endpoint (do znalezienia w zakładce Properties). Na nim włączamy proxy Cloudflare, czyli tą pomarańczowa chmurka.

Drugi wpis to asverify, czyli wpis, żeby zweryfikować naszą domenę, bez sprawdzanie, gdzie nasz podstawowy przypinany rekord prowadzi. Rekord to asverify.<nasza nazwa> wskazujący na asverify.< Primary static website endpoint>. Na tym wpisie chmurka musi być szara ;-)

Na koniec zostaje podpięcie domeny w samym storage. Zakładka Custom domain, podanie domeny, zaznaczenie Use indirect CNAME validation, Save i gotowe.

Możemy się cieszyć statyczną stroną na Azure z ładnym serwowaniem poprzez Cloudflare!

via GIPHY

oraz możesz zerknąć na ostatnie ciekawe linki.