Azure Statik Web Uygulamaları nedir?

Azure Static Web Apps, bir kod deposundan otomatik olarak tam yığın web uygulamaları derleyen ve Azure'a dağıtan bir hizmettir.

Azure Static Web Apps overview diagram.

Azure Static Web Apps iş akışı, bir geliştiricinin günlük iş akışına uyarlanmıştır. Uygulamalar kod değişikliklerine göre oluşturulur ve dağıtılır.

Azure Static Web Apps kaynağı oluşturduğunuzda Azure, seçtiğiniz bir dalı izlemek için doğrudan GitHub veya Azure DevOps ile etkileşim kurar. İzlenen dala işlemeleri her gönderdiğinizde veya çekme isteklerini kabul edişinizde, bir derleme otomatik olarak çalıştırılır ve uygulamanız ve API'niz Azure'a dağıtılır.

Statik web uygulamaları genellikle, sunucu tarafı işlemenin gerekli olmadığı Angular, React, Svelte, Vue veya Blazor gibi kitaplıklar ve web çerçeveleri kullanılarak oluşturulur. Bu uygulamalar, uygulamayı oluşturan HTML, CSS, JavaScript ve görüntü varlıklarını içerir. Geleneksel bir web sunucusuyla, bu varlıklar gerekli API uç noktalarının yanı sıra tek bir sunucudan sunulur.

Statik Web Uygulamaları ile statik varlıklar geleneksel bir web sunucusundan ayrılır ve bunun yerine coğrafi olarak dünya çapında dağıtılan noktalardan sunulur. Dosyalar son kullanıcılara fiziksel olarak daha yakında bulunduğu için bu dağıtım yöntemi dosyaların daha hızlı sunulmasına olanak tanır. Buna ek olarak, API uç noktaları sunucusuz bir mimari kullanılarak barındırılır ve bu da tam arka uç sunucusu gereksinimini tamamen önler.

Temel özellikler

  • HTML, CSS, JavaScript ve görüntüler gibi statik içerik için web barındırma .
  • Yönetilen Azure İşlevleri tarafından sağlanan tümleşik API desteği; standart bir hesap kullanarak mevcut bir işlev uygulamasını, web uygulamasını, kapsayıcı uygulamasını veya API Management örneğini bağlama seçeneği. API'nize yönetilen işlevleri desteklemeyen bir bölgede ihtiyacınız varsa kendi işlevlerinizi uygulamanıza getirebilirsiniz.
  • Depo değişikliklerinin derlemeleri ve dağıtımları tetiklemesini sağlayan birinci sınıf GitHub ve Azure DevOps tümleştirmesi .
  • Genel olarak dağıtılmış statik içerik, içeriği kullanıcılarınıza yaklaştırır.
  • Otomatik olarak yenilenen ücretsiz SSL sertifikaları.
  • Uygulamanıza markalı özelleştirmeler sağlamak için özel etki alanları .
  • CORS yapılandırması gerektirmeyen API'ler çağrılırken ters proxy ile sorunsuz güvenlik modeli .
  • Microsoft Entra ID ve GitHub ile kimlik doğrulama sağlayıcısı tümleştirmeleri .
  • Özelleştirilebilir yetkilendirme rolü tanımı ve atamaları.
  • Hizmet ettiğiniz içerik ve yollar üzerinde tam denetim sağlayan arka uç yönlendirme kuralları .
  • Çekme istekleriyle desteklenen, yayımlamadan önce sitenizin önizleme sürümlerini etkinleştiren hazırlama sürümleri oluşturuldu.
  • Bulut kaynakları oluşturmak için Azure CLI ve yerel geliştirme için Azure Static Web Apps CLI aracılığıyla CLI desteği.

Statik Web Uygulamaları ile yapabilecekler

  • Angular, React, Svelte, Vue gibi JavaScript çerçeveleri ve kitaplıkları ile modern web uygulamaları oluşturun veya blazor kullanarak Azure İşlevleri arka ucuyla WebAssembly uygulamaları oluşturun.
  • Gatsby, Hugo, VuePress gibi çerçevelerle statik siteler yayımlayın.
  • Next.js ve Nuxt.js gibi çerçevelerle web uygulamaları dağıtın.

Sonraki adımlar