Page 72 - Yazılım Teknolojileri Araştırma Bülteni 2023

72 | Mikro Önyüz Mimarisi

1.2. App Shell Entegrasyonu

Client side derleme örneği olarak ele alabileceğimiz bir diğer entegrasyon yöntemi ise app
shell entegrasyonudur. App shell entegrasyonu hyperlink entegrasyonunda karşılaştığımız bazı
problemleri ortadan kaldırmaktadır. App shell entegrasyonu kullanılan uygulamalarda sadece belirli
bir bölüm mikro önyüzlere ayrılmıştır ve dinamiktir. Hyperlink entegrasyonunda mikro önyüzler

arası üst ve alt bilgi (header ve footer) gibi ortak olan bölümlerin yönetimi bu entegrasyonda (app
shell) ana uygulamaya (host) bırakıldığı için ortak bölümlerin yönetimi daha kolaydır. Hyperlink’e
çok benzeyen bu yöntem, ortak kodların sadece ana uygulamada yer almasından dolayı arayüz
bütünlüğü ve paket boyutu konusunda daha iyi bir noktadadır. Bağımsız sürüm yönetimi ve hızlı
açılma konusunda hyperlink ile aynı seviyede olsa da teknoloji özgürlüğü konusunda bazı kısıtlamalar
ortaya çıkabilir.

…/mikro-onyuz/:mikroonyuzid(A | B | C | D)

Üst Bilgi (Header)
Mikro Önyüz A

Mikro Önyüz B
Mikro Önyüzlerin Yerleşeceği Alan

Mikro Önyüz C

Mikro Önyüz D
Alt Bilgi (Footer)

Mikro Önyüz A Mikro Önyüz B Mikro Önyüz C Mikro Önyüz D
(paket) (paket) (paket) (paket)

Şekil 5. App Shell Entegrasyonu

2. Edge Side Derleme

Edge side derlemede mikro önyüzler CDN üzerinde bir araya getirilir ve bunun için genellikle XML
tabanlı Edge Side Includes (ESI) işaretleme dili kullanılır. Bu yöntemde en riskli nokta, farklı CDN’lerin
ESI’yi farklı şekilde kullanıyor olması ve CDN sağlayıcıların koyduğu bazı işlem limitleridir. Bir CDN’den
başka bir CDN’e geçiş sırasında çok fazla yeniden düzenleme (refactor) gerekebilir ve birden çok

CDN aynı anda kullanılacak olursa bunların yönetimi oldukça zorlaşır.