Sürümleme, Dağıtım ve Düzenleme

Module Federation'ın temel değeri bağımsız dağıtımdır: bir ekip, ana uygulama ekipleriyle koordinasyon kurmadan veya ana uygulamanın yeniden dağıtımını tetiklemeden uzak uygulamasını güncelleyebilir, sınayabilir ve dağıtabilir. Ana uygulama, uzak uygulamanın URL'sinden remoteEntry.js dosyasını bir sonraki yükleyişinde değişiklikleri otomatik olarak alır.

remoteEntry.js dosyasını her dağıtımda değişen sabit bir URL'den sunmak yerine URL'ye bir içerik karması ekleyin: remoteEntry.[hash].js. Böylece her dağıtım değişmez hâle gelir; eski URL'ler çalışmaya devam eder ve ana uygulama yeni dağıtıma güncellendiğinde yeni karmaya başvurur. Değişmez URL'ler, CDN önbelleğinden agresif biçimde yararlanmayı mümkün kılar.

Ana uygulama uzak uygulamaları URL aracılığıyla keşfettiğinden, altyapı düzeyinde A/B sınaması uygulayabilirsiniz: farklı kullanıcılara farklı uzak sürümlerini gösteren farklı remoteEntry.js URL'leri sunun. Bu, uygulama kodunda herhangi bir özellik bayrağı mantığı olmadan mikro ön yüzler için gerçek kademeli dağıtımları mümkün kılar.

Uzak uygulama URL'lerini Webpack yapılandırmasında sabit kodlamak yerine ana uygulama başlangıçta bir JSON bildirimi alır: GET /federation-manifest.json, { buttonApp: 'https://cdn.example.com/button/remoteEntry.abc123.js' } değerini döndürür. Ana uygulamanın kullanacağı sürümü değiştirmek için bildirimi güncellemeniz yeterlidir; ana uygulamayı yeniden derlemeniz gerekmez.

Bir uzak uygulama dağıtımı gerilemeye neden olduğunda geri alma işlemi anında yapılabilir: federation-manifest.json dosyasını önceki remoteEntry.js URL'sini gösterecek şekilde güncelleyin. Ana uygulama, sonraki istek döngüsünde eski sürümü kullanmaya hemen başlar. Ana uygulamayı yeniden derleme yoktur, ana uygulamayı geri alma yoktur, koordinasyon gerekmez.

Module Federation 2.0 (@module-federation/enhanced paketi), önemli iyileştirmeler sunar: uzak bildirim dosyalarından otomatik tür oluşturmayla daha iyi TypeScript desteği, özel yükleme mantığı için çalışma zamanı eklenti programlama arayüzü ve karmaşık sürüm uzlaştırma senaryoları için geliştirilmiş paylaşılan kapsam yönetimi.

vite-plugin-federation paketi, Module Federation'ı Vite tabanlı projelere getirir ve Webpack'in ModuleFederationPlugin'ine benzer bir yapılandırma programlama arayüzü kullanır. Hem Vite uzak modülleriyle hem de Webpack ana uygulamalarıyla (ve tersiyle) uyumludur; böylece ekiplerin Module Federation'dan vazgeçmeden aşamalı olarak Vite'a geçmesini sağlar.

Son derece dinamik mimariler için uzak adresleri tamamen çalışma zamanında yapılandırabilirsiniz: import(remoteRegistry[featureName]); burada remoteRegistry bir programlama arayüzü çağrısıyla doldurulur. Bu, kabuk uygulamasını hiç yeniden derlemeden yeni mikro ön yüzlerin eklenebildiği eklenti benzeri mimarileri mümkün kılar.

Kabuk uygulamasının temel görevi düzenlemedir: uzak bildirim dosyasını okur, Module Federation'ın çalışma zamanını başlatır, uzak modülleri adlandırılmış rotalara kaydeder ve geçerli adrese göre uygun uzak modülü görüntüler. Kabuk bilinçli olarak yalın tutulur — neyin yükleneceğini bilir, nasıl görüntüleneceğini değil.

Uzak modül yüklemesine performans izleme ekleyin: yükleme hatalarını uygun şekilde ele almak için uzak içe aktarmaları try/catch ile sarın (uzak modül kullanılamıyorsa bir geri dönüş arayüzü görüntüleyin), remoteEntry.js dosyasını ve bileşen parçalarını indirme süresini ölçün ve uzak modül yükleme süresi bir eşik değerini aşarsa uyarı verin (bu, CDN sorunlarına işaret eder).

Olgun bir Module Federation sürekli tümleştirme ve sürekli teslim iş hattı şöyle görünür: uzak modül ekibi değişiklik gönderir → sürekli tümleştirme sistemi uzak modülü derler → değişmez remoteEntry.[hash].js dosyasını CDN'ye yükler → federation-manifest.json dosyasını günceller → ana uygulama, sonraki kullanıcı isteğinde yeni uzak modülü alır. Her adım otomatiktir ve ana uygulama ekibinin uzak dağıtımlara hiçbir zaman dahil olması gerekmez.

Kötü bir Module Federation uzak modül dağıtımını geri almanın en hızlı yolu nedir?

Module Federation, gerçek anlamda bağımsız dağıtımı mümkün kılar: uzak modüller ana uygulamayı yeniden derlemeden dağıtılır ve ana uygulama yeni sürümleri otomatik olarak keşfeder. Değişmez CDN önbelleklemesi için içerik karmalı uzak adresler, esnek sürüm yönlendirmesi ve anında geri alma işlemleri için dinamik bir bildirim dosyası kullanın. vite-plugin-federation bu yetenekleri Vite'a getirir ve dinamik uzak içe aktarmalar eklenti benzeri mimarileri mümkün kılar. Kabuk, uzak modül yüklemesini düzenleyerek kendisini bilinçli olarak yalın tutar.