Frontend inkişafında marşrutlaşdırmanı həyata keçirməyin hansı yolları var?

Ön tərəf routingini həyata keçirməyin iki əsas yolu var:

1. Müştəri tərəfli routing: Routing birbaşa brauzerdə JavaScript vasitəsilə idarə olunur.

   • İş prinsipi: Nəqliyyat zamanı səhifə tamamilə yenidən yüklənmir. JavaScript brauzerin ünvan çubuğundakı URL-ni dəyişir (History API istifadə edərək) və dinamik olaraq lazım olan komponentləri və ya səhifənin hissələrini yükləyir və ya yenidən çəkir.
   • URL vəziyyəti:
     • History API (pushState, replaceState) istifadə edir. URL təmizdir, # olmadan.
     • Hash (#) istifadə edə bilər URL-də (köhnə yanaşma # ilə).
   • Üstünlüklər:
     • İstifadəçi təcrübəsini yaxşılaşdırır (daha sürətli keçidlər, tam yenidən yükləmədən).
     • Tək səhifə tətbiqləri (SPA) üçün uyğundur.
   • Əksikliklər:
     • URL-ə birbaşa giriş üçün serverin əlavə konfiqurasiyası tələb olunur (məsələn, fallback olaraq index.html-ə yönləndirmə).
     • Əgər məzmun yalnız müştəri tərəfində render olunursa, SEO problemləri yarana bilər (SSR və ya pre-render ilə həll olunur).
   • Populyar kitabxanalar/frameworklər: React Router, Vue Router, Angular Router.

2. Server tərəfli routing: Routing tamamilə serverdə idarə olunur.

   • İş prinsipi: Hər yeni URL üçün brauzer serverə sorğu göndərir. Server sorğunu işləyir, hansı məzmunu qaytaracağını müəyyən edir və tam HTML səhifəsini müştəriyə göndərir. Brauzer səhifəni tamamilə yenidən yükləyir.
   • URL vəziyyəti: URL serverdəki real resursa uyğundur.
   • Üstünlüklər:
     • Çoxsəhifəli tətbiqlər üçün sadə tətbiq.
     • Axtarış motorları tərəfindən yaxşı indeksləşir (SEO), çünki məzmun dərhal hazırdır.
     • Əsas naviqasiya üçün JavaScript tələb edilmir.
   • Əksikliklər:
     • Tam yenidən yükləmə səbəbindən keçidlər daha yavaşdır.
     • SPA ilə müqayisədə daha az interaktiv.
   • Nümunələr: Ənənəvi veb tətbiqlərindən irs qalan, hər URL-nin serverdə ayrıca fayl və ya marşrutla uyğun olduğu hallar (məsələn, PHP, Python Django/Flask ilə, Node.js Express və s.).

Müasir frontend tətbiqlərində, xüsusən SPA-larda, müştəri tərəfli routing standartdır. Server tərəfli routing daha çox çoxsəhifəli saytlar üçün və ya SEO-nu yaxşılaşdırmaq üçün müştəri tərəfli routing ilə birlikdə istifadə olunur (məsələn, SSR).