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

Mikro Önyüz Mimarisi | 71

KAYNAK KODLAR SERVER CDN TARAYICI

Mikro Önyüz A Mikro Önyüz A Mikro Önyüz A Mikro Önyüz A
(kod) (paket) (paket) (paket)

Mikro Önyüz B Mikro Önyüz B Mikro Önyüz B Mikro Önyüz B
(kod) (paket) (paket) (paket)

Mikro Önyüz D Mikro Önyüz D Mikro Önyüz D Mikro Önyüz D
(kod) (paket) (paket) (paket)

Şekil 3. Client Side Derleme Örneği

1.1. Hyperlink Entegrasyonu

Client side derleme örneklerinden birisi olarak ele alabileceğimiz hyperlink entegrasyonunda mikro
önyüzler tüm ekranı kapsayacak şekilde parçalara ayrılmıştır. Genel olarak bir ekranda tek bir mikro
önyüz yer alırken farklı bir kaç mikro önyüzün de yer alması mümkündür. Bu yaklaşımın en güzel tarafı
mikro önyüzlerin birbirlerinden tamamen bağımsız olmasıdır. Kötü tarafı ise üst ve alt bilgi (header
ve footer) gibi ortak bölümlerin yönetim problemidir. Mikro önyüzler arasında arayüz bütünlüğü ve
akıcı kullanıcı deneyimi sıkıntılı bir hal alırken ortak içeriklerin her mikro önyüzde ayrı ayrı yer alması

gerekliliğinden dolayı mikro önyüzlerin paket boyutları (bundle size) da gereksiz yere büyük olur.
Ancak bağımsız sürüm yönetimi, teknoloji özgürlüğü ve hızlı açılma konusunda en iyi entegrasyon
yöntemlerinden birisidir.

…/mikro-onyuz-a …/mikro-onyuz-b

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

…/mikro-onyuz-c …/mikro-onyuz-d

... ...

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

Şekil 4. Hyperlink Entegrasyonu