ფრონტენდ განვითარების routing-ის განხორციელების რა გზები არსებობს?

ფронტენდზე როუტინგის განხორციელების ორი ძირითადი გზა არსებობს:

1. კლიენტური როუტინგი: როუტინგი პირდაპირ ბრაუზერში ხდება JavaScript-ის გამოყენებით.

   • სამუშაო პრინციპი: ნავიგაციის დროს, გვერდი მთლიანად არ განახლდება. JavaScript-ი იცვლის URL-ს ბრაუზერის მისამართის ზოლში (ისტორიის API-ს გამოყენებით) და დინამიურად იტვირთება ან გადახაზავს საჭირო კომპონენტებს ან გვერდის ნაწილებს.
   • URL-ის მდგომარეობა:
     • იყენებს History API-ს (pushState, replaceState). URL სუფთაა, გარეშე #-ის.
     • შეიძლება გამოიყენოს ჰეში (#) URL-ში (ძველი მეთოდი):
   • უპირატესობები:
     • გაუმჯობესებული მომხმარებლის გამოცდილება (სწრაფი გადასვლები, სრული განახლების გარეშე).
     • შესაფერისია ერთგვერდიან აპლიკაციებისთვის (SPA).
   • მოხერხებულობები:
     • სერვერის დამატებითი კონფიგურაცია სჭირდება სწორი მართვისთვის პირდაპირი URL-ით შესვლის დროს (მაგ. fallback-ით index.html-ზე).
     • SEO-ს პრობლემები შეიძლება წარმოიშვას, თუ კონტენტი მხოლოდ კლიენტზეა რენდერებული (მიღწეულია SSR ან წინასწარი რენდერინგით).
   • პოპულარული ბიბლიოთეკები/ფრეიმვორკები: React Router, Vue Router, Angular Router.

2. სერვერული როუტინგი: როუტინგი სრულად სერვერზე ხდება.

   • სამუშაო პრინციპი: ყოველი ახალი URL-ისთვის, ბრაუზერი სერვერს უგზავნის მოთხოვნას. სერვერი ამუშავებს მოთხოვნას, განსაზღვრავს, რა კონტენტი უნდა დაბრუნდეს და აბრუნებს სრულ HTML გვერდს. ბრაუზერი მთლიანად განაახლებს გვერდს.
   • URL-ის მდგომარეობა: URL ემთხვევა სერვერზე არსებულ რეალურ რესურსს.
   • უპირატესობები:
     • მარტივი განხორციელება მრავალგვერდიან აპლიკაციებისთვის.
     • კარგი ინდექსაცია საძიებო სისტემების მიერ, რადგან კონტენტი მყისიერად არის ხელმისაწვდომი.
     • ბაზის ნავიგაციისთვის JavaScript-ის გამოყენება არ არის საჭირო.
   • მოხერხებულობები:
     • უფრო ნელი გადასვლები გვერდებს შორის, სრული განახლებით.
     • ნაკლებად ინტერაქტიული მომხმარებლის გამოცდილება, შედარებით SPA-სთან.
   • მაგალითები: ტრადიციული ვებ-აპლიკაციების მემკვიდრეობა, სადაც თითოეული URL-ი შესაბამის ფაილს ან სერვერულ მარშრუტს უჭერს მხარს (მაგ. PHP, Python Django/Flask, Node.js Express და ა.შ.).

საკამათო, თანამედროვე ფრონტენდ აპლიკაციებში, განსაკუთრებით SPA-ებში, კლიენტური როუტინგი სტანდარტია. სერვერული როუტინგი ხშირად გამოიყენება მრავალგვერდიან საიტებზე ან კომბინაციაში კლიენტურ როუტინგთან SEO-ს გასაუმჯობესებლად (მაგ. SSR).