Angular Academy · Ders

Mikro Ön Yüz Mimarisi

Uygulamaları bağımsız dağıtılabilir parçalara ayırın

Mikro Ön Yüz Mimarisi, CoddyKit'te ücretsiz bir Angular Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Angular Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Angular Academy kursu toplamda 4 dersten oluşur.

Mikro Ön Yüzler Nedir

Mikro ön yüzler, mikro hizmet fikrini kullanıcı arayüzüne taşır: büyük bir web uygulaması bağımsız olarak geliştirilen, test edilen ve dağıtılan parçalara bölünür. Her parça ayrı bir ekibin sorumluluğundadır ve çalışma zamanında tek bir deneyimde birleştirilir.

Çözdükleri Sorun

Tek bir dev Angular uygulaması ("monolitik ön yüz"), her ekibi tek bir sürüm planına, tek bir derlemeye ve tek bir dağıtıma bağlar. Ekipler büyüdükçe bu durum herkesin işini yavaşlatır. Mikro ön yüzler, ekiplerin kendi takvimlerine göre sürüm yayımlamasını sağlar.

Bağımsız Dağıtılabilirler

Temel özellik bağımsız dağıtılabilirliktir: ödeme ekibi, ürün kataloğunu yeniden derlemeden veya yeniden dağıtmadan yeni bir ödeme akışı dağıtabilir. Her uzak parça, kendi pipeline'ının arkasında bulunan ayrı bir yapı çıktısıdır.

Ana Uygulama ve Uzak Uygulamalar

Mimari açıdan, bir veya daha fazla uzak uygulamayı yükleyen bir ana uygulama (kabuk) vardır. Kabuk, üst düzey yönlendirmeyi ve yerleşimi yönetir; uzak uygulamalar isteğe bağlı olarak yüklenen özellik alanlarını sağlar.

// conceptually
host  -> loads -> remote: catalog
        -> loads -> remote: checkout
        -> loads -> remote: account

Birleştirme Stratejileri

Uzak uygulamalar derleme zamanında, sunucuda (SSI/edge) veya tarayıcıda çalışma zamanında birleştirilebilir. Module Federation ile çalışma zamanında birleştirme, bağımsız dağıtımı koruduğu için Angular'da en yaygın yöntemdir.

Module Federation Tek Cümleyle

Module Federation, derlenmiş bir uygulamanın modülleri dışa açmasına ve başka bir derlenmiş uygulamanın bunları çalışma zamanında HTTP üzerinden yüklemesine olanak tanır; ortak kütüphaneleri paylaşarak bunların yinelenmesini önler. Angular mikro ön yüzlerinin çoğunun temelindeki motor budur.

Ekip Özerkliği ve Sınırlar

Her mikro ön yüz, belirgin bir iş alanına (katalog, ödeme, hesap) karşılık gelmelidir. Temiz alan sınırları, amacın özünü oluşturan ekipler arası bağımlılığı en aza indirir. Ortak kaygılar (kimlik doğrulama, tasarım sistemi) açık sözleşmelere dönüşür.

Maliyetler

Mikro ön yüzler gerçek bir karmaşıklık ekler: uzak uygulamalar arasında sürüm farklılıkları, yanlış yapılandırmada yinelenen bağımlılıklar, sınırlar arasında daha zor hata ayıklama ve çalışma zamanında yükleme hataları. Bunları yalnızca ekip ölçeği ek yükü haklı çıkardığında benimseyin.

Ne Zaman KULLANILMAMALI

Küçük bir ekip veya tek bir ürün için, tembel yüklenen routes içeren iyi yapılandırılmış bir monolit daha basit ve hızlıdır. Mikro ön yüzler, birden fazla ekibin aynı uygulamaya bağımsız olarak dağıtım yapması gerektiğinde yarar sağlar.

Ortak Görünüm ve His

Frankenstein tarzı bir kullanıcı arayüzünü önlemek için ekipler bir tasarım sistemi kütüphanesini ve genel stilleri paylaşır. Her uzak uygulama ayrı oluşturulduğu için tutarlılık tesadüf değil, bilinçli bir sözleşmedir.

Angular'a Özgü Hususlar

Angular uzak uygulamaları, çalışma zamanında Angular çerçevesinin tek bir kopyasını paylaşmalıdır; iki Angular sürümünün yüklenmesi bağımlılık enjeksiyonunu bozar ve paketi şişirir. Native Federation gibi araçlar bu paylaşımı sizin için yönetir.

Kısa Kontrol

Mikro ön yüzlerin belirleyici yararı nedir?

Özet

Mikro ön yüzler, büyük bir uygulamayı bir ana kabuk tarafından yüklenen ve iş alanlarına eşlenen bağımsız dağıtılabilir uzak uygulamalara böler. Module Federation üzerinden çalışma zamanında birleştirme Angular için standarttır ve Angular'ın tek bir çerçeve kopyası paylaşması gerekir. Mikro ön yüzler ekip ölçeğindeki bağımlılığı çözer, ancak gerçek bir operasyonel maliyet ekler.

Sıkça Sorulan Sorular

“Mikro Ön Yüz Mimarisi” dersi ücretsiz mi?

Evet — “Mikro Ön Yüz Mimarisi” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Angular Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Angular Academy kursu toplamda 4 dersten oluşur.

“Mikro Ön Yüz Mimarisi” dersinde ne öğreneceğim?

Uygulamaları bağımsız dağıtılabilir parçalara ayırın Angular Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Angular Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Angular Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“Mikro Ön Yüz Mimarisi” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Angular Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Angular Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Angular Academy Sayfasına Dön