Ի՞նչ եղանակներ կան ռոուտինգի իրականացման համար ֆրոնտենդ զարգացման մեջ։

Կան երկու հիմնական եղանակներ՝ ֆրոնտենդում ռոուտինգ իրականացնելու համար:

1. Հաճախորդային ռոուտինգ: Ռոուտինգը անմիջապես բրաուզերի մեջ է իրականացվում JavaScript-ի միջոցով:

   • Աշխատանքի սկզբունքը: Նավիգացիայի ժամանակ, էջը ամբողջությամբ չի թարմացվում: JavaScript-ը փոխում է URL-ը բրաուզերի հասցեային տողում (օգտագործելով History API) և դինամիկորեն բեռնում կամ վերանկարում է անհրաժեշտ կոմպոնենտները կամ էջի մասերը:
   • URL-ի վիճակը:
     • Օգտագործում է History API (pushState, replaceState): URL-ը մաքուր է, առանց #:
     • Կարող է օգտագործել հեշ (#) URL-ում (հնացած մոտեցում):
   • Առավելություններ:
     • Բարելավված օգտվողի փորձ՝ արագ անցումներ, առանց ամբողջական թարմացման:
     • Համապատասխանում է մեկ էջանոց հավելվածներին (SPA):
   • Կոմպրոմիսներ:
     • Պահանջում է լրացուցիչ սերվերի կարգավորում՝ ճիշտ մշակելու ուղիղ մուտքերը URL-ով (օրինակ՝ fallback-ով index.html):
     • Միգուցե SEO խնդիրներ առաջանան, եթե բովանդակությունը միայն հաճախորդի կողմից է ռենդերային:
   • Հայտնի գրադարաններ/ֆրեյմվորկներ: React Router, Vue Router, Angular Router:

2. Սերվերային ռոուտինգ: Ռոուտինգը ամբողջությամբ մշակվում է սերվերի կողմից:

   • Աշխատանքի սկզբունքը: Ամեն անգամ նոր URL-ի համար, բրաուզերը ուղարկում է հարցում սերվերին: Սերվերը մշակում է հարցումը, որոշում, թե ինչ բովանդակություն վերադարձնել, և ուղարկում է ամբողջ HTML էջը հաճախորդին: Բրաուզերը ամբողջությամբ թարմացնում է էջը:
   • URL-ի վիճակը: URL-ը համապատասխանում է սերվերի իրական ռեսուրսին:
   • Առավելություններ:
     • Պարզեցված իրականացման մեթոդ՝ բազմա էջային հավելվածների համար:
     • Լավ ինդեքսավորություն՝ որոնողական համակարգերի կողմից, քանի որ բովանդակությունը անմիջապես մատչելի է:
     • Բազային նավիգացիայի համար JavaScript-ը չի պահանջվում:
   • Նշաններ:
     • Ավելի դանդաղ անցումներ էջերի միջև՝ ամբողջական թարմացմամբ:
     • Ավելի քիչ ինտերակտիվ փորձ՝ համեմատած SPA-ի:
     • Օրինակներ՝ ավանդական վեբ հավելվածներից ժառանգված, որտեղ յուրաքանչյուր URL համապատասխանում է առանձին ֆայլի կամ ռոուտի սերվերում:

Նորագույն ֆրոնտենդ հավելվածներում, հատկապես SPA-ներում, հաճախորդային ռոուտինգը ստանդարտ է: Սերվերային ռոուտինգը հաճախ օգտագործվում է բազմա էջային կայքերի համար կամ համակցվում է հաճախորդային ռոուտինգի հետ՝ SEO-ի բարելավման համար (օրինակ՝ SSR):