Kādi ir veidi, kā realizēt maršrutēšanu frontend izstrādē?

Ir divi galvenie veidi, kā realizēt maršrutēšanu front-end:

1. Klienta maršrutēšana: Maršrutēšana tiek tieši apstrādāta pārlūkprogrammā, izmantojot JavaScript.

   • Darba princips: Navigācijas laikā lapa netiek pilnībā atsvaidzināta. JavaScript maina URL adreses joslā (izmantojot History API) un dinamiski ielādē vai pārkrāso nepieciešamās komponentes vai lapas daļas.
   • URL stāvoklis:
     • Izmanto History API (pushState, replaceState). URL ir tīrs, bez #.
     • Var izmantot hešu (#) URL (novecojis pieejas veids):
   • Priekšrocības:
     • Uzlabo lietotāja pieredzi (ātrākas pārejas, bez pilnas atsvaidzināšanas).
     • Piemērots vienas lapas lietojumprogrammām (SPA).
   • Trūkumi:
     • Prasa papildu servera konfigurāciju, lai pareizi apstrādātu tiešas piekļuves ar URL (piemēram, fallback uz index.html).
     • SEO problēmas var rasties, ja saturs tiek rādīts tikai klienta pusē (risināms ar SSR vai pre-rendering).
   • Populāras bibliotēkas/rāmi: React Router, Vue Router, Angular Router.

2. Servera maršrutēšana: Maršrutēšana tiek pilnībā apstrādāta servera pusē.

   • Darba princips: Katru jaunu URL pieprasījuma gadījumā pārlūkprogramma nosūta pieprasījumu serverim. Serveris apstrādā pieprasījumu, nosaka, kādu saturu atgriezt, un nosūta pilnu HTML lapu klientam. Pārlūkprogramma pilnībā atsvaidzinās lapu.
   • URL stāvoklis: URL atbilst reālajam resursam serverī.
   • Priekšrocības:
     • Vienkāršāka realizācija daudzlappuņu vietnēm.
     • Laba indeksācija meklētājprogrammām (SEO), jo saturs ir pieejams uzreiz.
     • Nav nepieciešams JavaScript galvenajai navigācijai.
   • Trūkumi:
     • Lēnāki pārejas starp lapām, jo pilnīga atsvaidzināšana.
     • Mazāk interaktīva lietotāja pieredze salīdzinājumā ar SPA.
   • Piemēri: Tradicionālas tīmekļa lietojumprogrammas, kur katrs URL atbilst atsevišķai failam vai maršrutam serverī (piemēram, PHP, Python ar Django/Flask, Node.js ar Express utt.).

Mūsdienu front-end lietojumprogrammās, īpaši SPA, klienta maršrutēšana ir standarts. Servera maršrutēšana biežāk tiek izmantota daudzlappuņu vietnēs vai kombinācijā ar klienta maršrutēšanu, lai uzlabotu SEO (piemēram, SSR).