Ücretsiz Azure Statik Web Uygulamaları - Tim Corey Tarafından Kurulum ve Dağıtım Açıklandı

Azure Statik Web Uygulamaları Nedir ve Neden Önemlidir

Video başında, Tim Corey, Azure Statik Web Uygulamaları ile istediğiniz kadar web uygulamasını ücretsiz olarak dağıtabileceğinizi açıklar. Bu uygulamaların, Microsoft Azure veri merkezleri aracılığıyla küresel olarak barındırıldığını ve içerik dağıtım ağı üzerinden iletildiğini, bu sayede kullanıcılar HTTP istekleri yaptığında yüksek kullanılabilirlik, yük dengeleme ve düşük gecikme sağlandığını vurgular.

Tim, bu web uygulamalarının kimlik doğrulama, API uygulamaları ve RESTful API'lere entegrasyonu desteklediğini belirtir. Ücretsiz katmanda bile, Azure Statik Web Uygulamaları, sunucuları, sanal makineleri veya temel altyapıyı yönetmeye gerek kalmadan yüksek güvenlik ve performans sağlar. Bu, platform hizmeti kullanmanın kendi Azure sanal makineleri veya şirket içi sunucuları yönetmek yerine kullanmanın önemli avantajlarından biridir.

Azure Statik Web Uygulamaları'nın ön uç web uygulamaları için ideal olduğunu, ancak sunucu tarafı işlemler gerektiren uygulamalar için uygun olmadığını açıklar.

Videonun Kapsamı ve Azure Öğrenme Bağlamı

Tim, bu videonun, bir Azure hizmetinin tam bir genel bakışını sunmak yerine odaklanmış bir öğretici sunduğunu açıklar. Azure App Service birçok dili, mobil uygulamaları, API uygulamalarını ve hatta Docker konteynerlerini desteklerken, bu video Microsoft Azure içindeki belirli bir hizmete yönelik odaklanmaktadır.

Azure derslerinde, seyircilerin güvenlik, maliyet yönetimi ve kritik uygulamalar gibi konuların daha derinlemesine ele alınmasını istediklerinde bu konulara da değinildiğini belirtir. Ancak burada amaç, Azure Statik Web Uygulamaları ve sürekli dağıtım kullanarak bir web uygulamasının ne kadar hızlı oluşturulup dağıtılabileceğini göstermektir.

Statik Bir Web Sitesi için GitHub Deposu Oluşturma

Tim, ücretsiz olan ve Azure hizmetleriyle sorunsuz bir şekilde entegre olan GitHub'da yeni bir depo oluşturarak başlar. Bu depo, basit bir statik web sitesinin kaynak kodunu içerecektir.

Depoyu özel hale getirir, bir README dosyası ekler ve Visual Studio ve Visual Studio Code için uygun bir .gitignore dosyası seçer. Visual Studio Code kullandığını ancak aynı sürecin Visual Studio ile çalıştığını belirtir.

Bu depo, Azure'yi kullanarak web siteleri barındırmanın başlangıç noktasıdır. Azure Statik Web Uygulamaları'nın doğrudan kaynak kodundan dağıtım yapması, sürekli dağıtımı basit ve güvenilir hale getiriyor.

Basit Bir HTML Web Uygulaması Oluşturma

Visual Studio Code kullanarak, Tim bir index.html dosyası oluşturur ve bu dosya web sitesinin giriş noktası olarak hizmet verir. Basit bir HTML yapısı oluşturmak için Emmet kestirmelerini kullanır ve işlevselliği göstermek için minimum içerik ekler.

Bu adım, temel web uygulamalarının herhangi bir arka uç hizmeti, veritabanı veya sunucu olmadan nasıl dağıtılabileceğini gösteriyor. Bu sadeliğin kasten olduğunu açıklar, çünkü Azure Statik Web Uygulamaları özellikle ön uç iş yükleri için tasarlanmıştır.

Tamamlandığında, değişiklikleri kaydeder ve kaynak kodunu GitHub'a gönderir, daha sonra süreci tetikleyen dağıtım hattını tetikler.

Azure Portal'da Bir Azure Statik Web Uygulaması Oluşturma

Tim, Azure Portal'a geçer ve yeni bir Statik Web Uygulaması kaynağı oluşturur. Kaynak grubu oluşturmanın önemini açıklar ve kaynak gruplarının kaynakları yönetmeyi, ortamları temizlemeyi ve gereksiz maliyetlerden kaçınmayı kolaylaştırdığını belirtir.

Ücretsiz katmanı seçmenin önemini vurgular ve ücretsiz katmanın hızlı, güvenilir ve çoğu küçük işletme web sitesi ve kişisel projeler için yeterli olduğunu açıklar. Azure App Service planlarının bir uygulama hizmeti planı ve aylık ücretler gerektirebileceğini, ancak ücretsiz katmandaki Azure Statik Web Uygulamalarının bu karmaşıklığı tamamen ortadan kaldırdığını açıklar.

Kendi web sitesinin, Azure Statik Web Uygulamaları üzerinde çalıştığını kısaca belirtir ve bu hizmetin üretimde gerçek dünya kullanımını gösterir.

GitHub'a Bağlanma ve Sürekli Dağıtım Etkinleştirme

Tim, Azure Statik Web Uygulamasını GitHub'a bağlar ve depoyu ve dalı seçer. Azure'un sürekli dağıtımı yönetmek için otomatik olarak bir GitHub Actions iş akışı ayarladığını açıklar.

Bu iş akışı manuel dağıtım adımlarını ortadan kaldırır. Her kaynak kodu değişikliği olduğunda, web uygulaması otomatik olarak yeniden oluşturulup dağıtılır. Tim, bunun modern bulut platformlarının önemli bir özelliği olduğunu ve web barındırma için Microsoft Azure'u kullanmanın ana avantajlarından biri olduğunu belirtir.

Dağıtım Jetonları ve Güvenlik Yapılandırması

Tim, GitHub depo ayarlarına giderek, dağıtım jetonunun bir gizli olarak saklandığını gösterir. Bu jeton, GitHub ve Azure arasında güvenli iletişime izin verir.

Bu kurulumu, geliştiricilerin kimlik bilgilerini manuel olarak yapılandırmasına gerek kalmadan gelişmiş güvenlik sağlar. Azure Statik Web Uygulaması API jetonu, yalnızca yetkili iş akışlarının uygulamayı dağıtabilmesini sağlar.

Dağıtılan Statik Web Sitesini Görüntüleme

Dağıtım tamamlandıktan sonra, Tim Azure Portal'dan canlı web sitesini açar. Site artık genel olarak erişilebilir ve bulutta barındırılıyor.

Aynı sürecin diğer ön uç çerçeveler için çalıştığını açıklar, çünkü sonuçta statik dosyalar üreterek Azure Statik Web Uygulamaları tarafından verimli bir şekilde sunulabilir. Bir uygulama hizmeti planı, sanal makineler veya arka uç sunucular gerekli değildir.

Blazor WebAssembly Uygulamasını Dağıtma

Tim daha sonra bir Blazor WebAssembly bağımsız uygulamasını dağıtır ve Blazor Web Uygulamaları ve Blazor WebAssembly arasındaki farkı vurgular.

Blazor WebAssembly'nin tamamen istemcide çalıştığını ve Azure Statik Web Uygulamaları için uygun olduğunu açıklar. ASP.NET Core MVC, PHP veya Java arka yüzleri gibi sunucu tarafı teknolojiler Azure Web Apps'ı gerektirir.

Bu bölüm, Azure Statik Web Uygulamalarının istemci odaklı web uygulamaları için dizayn edildiğini pekiştirir.

Blazor Uygulamasını Oluşturma ve Test Etme

Visual Studio kullanarak, Tim Blazor WebAssembly projesini oluşturur, .NET 9 seçer ve HTTPS ve ilerleyici web uygulaması desteği gibi özellikleri etkinleştirir.

Uygulamayı dağıtımdan önce çalıştırarak, üretim hazırları için en iyi uygulamaları pekiştirir. Onayladıktan sonra, GitHub deposunu doğrudan Visual Studio'dan oluşturur ve kaynak kodunu gönderir.

Blazor'u Azure Statik Web Uygulamalarına Dağıtma

Tim başka bir Statik Web Uygulama kaynağı oluşturur ve bunu Blazor deposuna bağlar. GitHub Actions iş akışının, Blazor gibi çıktı dizinleri için yolları otomatik olarak yapılandırdığını vurgular.

Azure'un birçok programlama dili ve çerçeveyi manuel yapılandırmaya gerek duymadan desteklediğini gösterir. Platform, temel altyapı ve yapı karmaşıklığını soyutlar.

Yapım Süreci ve Dağıtım Tamamlanması

Tim, Blazor yapılarının derleme ve optimizasyon adımları nedeniyle uzun sürdüğünü açıklar. Azure, dağıtım sırasında uygulamayı kırparak performansı artırır.

Tamamlandığında, Blazor WebAssembly uygulaması canlı, küresel olarak erişilebilir ve Microsoft Azure'un bulut altyapısında barındırılıyor.

Azure Statik Web Uygulamalarının Ek Özellikleri

Tim diğer özellikleri kısaca kapsar, bunlar arasında:

• Özel etki alanları

• Yerleşik güvenlikle API entegrasyonu

• Geliştirme, hazırlık ve üretim gibi dağıtım yuvaları

API'lerin otomatik olarak kilitlendiğini, yetkisiz erişimi önlediğini ve entegrasyonu basitleştirdiğini açıklar.

Kaynak Gruplarını Kullanarak Kaynakları Temizleme

Son olarak, Tim kaynak grubunu siler ve Azure'un geliştiricilere tüm ilgili kaynakları tek seferde kaldırma olanağı sunduğunu gösterir. Bu, bulut hizmetlerini test ederken istenmeyen maliyetlerden kaçınmak için özellikle önemlidir.

Kaynak grubunu silmenin kalıcı olduğunu ve geri alınamayacağını uyarır.

Azure Statik Web Uygulamaları Ne Zaman Kullanılır—ve Ne Zaman Kullanılmaz

Tim, Azure Statik Web Uygulamaları'nın, PHP uygulamaları, MVC uygulamaları veya Blazor Web Uygulamaları gibi sunucu tarafı iş yükleri için uygun olmadığını açıklar.

HTML, JavaScript, CSS, React, Angular, Vue ve Blazor WebAssembly kullanılarak oluşturulan ön uç web uygulamaları için idealdirler. Her şey istemci üzerinde çalıştığından, bu uygulamalar tamamen ücretsiz olarak barındırılabilir.

Tim Corey'nin video boyunca gösterdiği gibi, Azure Statik Web Uygulamaları, Microsoft Azure'u kullanarak modern web uygulamalarını sunucular, ölçekleme veya altyapı ile ilgili endişelenmeden dağıtmanın basit, güvenli ve tamamen yönetilen bir yolunu sağlar.