Giriş

  • 2 dakika

Şirketinizin bir alışveriş listesi web uygulamasını kullanıma sunmayı planladığını varsayalım. Site, müşterilere öğeleri listelerine ekleme, bunları görüntüleme ve kaldırma olanağı tanıyor.

Uygulamayı oluştururken ilk endişeleriniz uygulamanızın ve API'nizin güvenli bir şekilde barındırılıyor olması, genel olarak kullanılabilir olması ve otomatik olarak yayımlanması. Bu endişeleri işlemek için bir web sunucusu ayarlamak ve yapılandırmak yerine, varlıklarınıza ve API'nize çok fazla kurulum veya yapılandırma yapmadan kolayca hizmet veren bir barındırma çözümü kullanmaya karar verirsiniz.

Azure Statik Web Uygulamaları nedir?

Azure Statik Web Uygulamaları, kaynak koddan genel kullanılabilirliğe kadar tüm aşamalarda karşılaşılan zorlu sorunları çözer.

Uygulamanızı geliştirmeye odaklanmaya devam ederken, Azure Static Web Apps bunu GitHub veya Azure DevOps'tan otomatik olarak derler ve barındırır.

Statik web uygulamaları genellikle Blazor ve JavaScript çerçeveleri ve kitaplıkları gibi WebAssembly ç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 sunucusu mimarisi altında, bu dosyalar gerekli API uç noktalarının yanı sıra tek bir sunucudan sunulur.

Azure Statik Web Uygulamaları ile statik varlıklar geleneksel web sunucusundan ayrılır ve dünyanın dört bir yanında bulunan noktalardan sunulur. Bu dağıtım, dosyalar son kullanıcılara fiziksel olarak daha yakın olduğundan dosyaların daha hızlı sunulmasını sağlar. API uç noktaları sunucusuz bir mimari kullanılarak barındırılır. Bu, tam kapsamlı bir arka uç sunucusu ihtiyacını ortadan kaldırır.

Azure Statik Web Uygulamaları’nın kullandığı modelde yalnızca ihtiyacınız olduğu kadarını alırsınız.

Diagram showing the Static Apps overview.

Azure Static Web Apps kaynağı oluşturduğunuzda Azure, uygulamanın kaynak kodu deposunda bir GitHub Actions veya Azure DevOps iş akışı ayarlar. Bu iş akışı seçtiğiniz dalı izler. İzleme dalına işlemeleri her gönderdiğinizde veya çekme istekleri oluşturduğunuzda, iş akışı uygulamanızı ve API'sini otomatik olarak derleyip Azure'a dağıtır.

Azure, web uygulamanızı barındırır ve sunar. Azure İşlevleri, ölçeği API’ye olan talebi temel alarak genişleten veya daraltan arka uç API işlevlerini sağlar.

Önemli özellikler

  • Genel olarak dağıtılmış web barındırma , HTML, CSS, JavaScript ve görüntüler gibi statik içerikleri kullanıcılarınıza yaklaştırır.
  • Azure İşlevleri tarafından sağlanan tümleşik API desteği.
  • Her depo değişikliğiyle derlemeleri ve dağıtımları tetikleyen birinci sınıf GitHub ve Azure DevOps tümleştirmesi .
  • Otomatik olarak yenilenen ücretsiz SSL sertifikaları.
  • Çekme isteklerini önizleme olanağı tanıyan benzersiz önizleme URL’leri

Öğrenme hedefleri

Bu modülde bir web uygulaması ve API'yi oluşturacak, değiştirecek ve Azure Static Web Apps'e dağıtacaksınız.

Bu modülde örnek bir Blazor uygulaması ve C# dilinde yazılmış bir API sağlanır.

Yapacaklarınız

İstemci uygulamanızı seçtikten sonra şunları yapacaksınız:

  1. Blazor uygulamanızı derleyin ve çalıştırın.
  2. Azure İşlevleri ile API'nizi oluşturun.
  3. API'nize HTTP istekleri göndermek için web uygulamanızı değiştirin.
  4. GitHub Actions ile web uygulamanızı otomatik olarak derleyip bir GitHub deposundan dağıtma.
  5. Son olarak uygulamanızı keşfedip başlatabilirsiniz.

A set of four screenshots illustrating the four sample applications.

Sonraki adımlar

Şu anda ilk olarak Azure kaynaklarını oluşturmanız gerektiğini düşünüyor olabilirsiniz. Ancak, Azure Statik Web Uygulamaları günlük iş akışınızı da göz önünde bulundurur. Kaynakları Azure’da oluşturmadan önce kod GitHub’dayken başlama daha doğal bir yaklaşımdır.