የጃቫ ስክሪፕት የፊት-መጨረሻ አመክንዮ ወደ አገልጋይ ጎን የሚያስተላልፍ የፑሳ ድር ማዕቀፍ

የፑሳ ድረ-ገጽ ማዕቀፍ በጃቫ ስክሪፕት በመጠቀም በአሳሹ ውስጥ የተተገበረውን የፊት-መጨረሻ አመክንዮ የሚያስተላልፍ ጽንሰ-ሀሳብ በመተግበር ታትሟል - የአሳሹን እና የ DOM አካላትን ማስተዳደር ፣ እንዲሁም የንግድ ሎጂክ በ ላይ ይከናወናሉ የጀርባው ጫፍ. በአሳሹ በኩል የተተገበረው የጃቫ ስክሪፕት ኮድ በኋለኛው በኩል የሚገኙትን ተቆጣጣሪዎች በሚጠራው ሁለንተናዊ ንብርብር ተተክቷል። ለፊተኛው ጫፍ ጃቫ ስክሪፕትን በመጠቀም ማዳበር አያስፈልግም። የፑሳ ማመሳከሪያ አተገባበር የተፃፈው በPHP ሲሆን በ GPLv3 ስር ፍቃድ ተሰጥቶታል። ከPHP በተጨማሪ ቴክኖሎጂው ጃቫ ስክሪፕት/Node.js፣ Java፣ Python፣ Go እና Ruby ጨምሮ በማንኛውም ሌላ ቋንቋ ሊተገበር ይችላል።

ፑሳ በትንሹ የትዕዛዝ ስብስብ ላይ በመመስረት የልውውጥ ፕሮቶኮልን ይገልጻል። ገጹ በሚጫንበት ጊዜ አሳሹ ዋናውን የDOM ይዘት እና የፑሳ-ፍሮንት ጃቫስክሪፕት ኮርን ይጭናል። Pusa-Front የአሳሽ ሁነቶችን (እንደ ጠቅታ፣ ብዥታ፣ ትኩረት እና የቁልፍ መጫን ያሉ) እና ግቤቶችን (ክስተቱን ያደረሰው አካል፣ ባህሪያቱ፣ ዩአርኤል፣ ወዘተ) የአጃክስ ጥያቄዎችን በመጠቀም ወደ Pusa-Back አገልጋይ ተቆጣጣሪ ይልካል። በተቀበለው መረጃ ላይ በመመስረት, Pusa-Back ተቆጣጣሪውን ይወስናል, ክፍያውን ያከናውናል እና የምላሽ ትዕዛዞችን ያመነጫል. የጥያቄውን ምላሽ ከተቀበለ በኋላ፣ ፑሳ-ፊሮንት የ DOM እና የአሳሹን አካባቢ ይዘቶች በመቀየር ትዕዛዞችን ያስፈጽማል።

የፊት ፈርድ ሁኔታ የሚመነጨው ነገር ግን በኋለኛው ቁጥጥር አይደለም, ይህም ለፑሳ እድገትን ከቪዲዮ ካርድ ወይም ከሸራ ኮድ ጋር ተመሳሳይ ያደርገዋል, የአፈፃፀም ውጤቱ በገንቢው ቁጥጥር አይደረግም. በ Canvas እና onmousemove ላይ ተመስርተው በይነተገናኝ መተግበሪያዎችን ለመፍጠር በደንበኛው በኩል ተጨማሪ የጃቫ ስክሪፕት ስክሪፕቶችን ማውረድ እና መጠቀም ይቻላል። ዘዴው ከሚያስከትላቸው ጉዳቶች መካከል የጭነቱን ከፊል ከፊት ለፊት ወደ ኋለኛ ክፍል ማስተላለፍ እና ከአገልጋዩ ጋር ያለው የመረጃ ልውውጥ ድግግሞሽ መጨመርም አለ።

ከጥቅሞቹ መካከል የጃቫ ስክሪፕት የፊት-መጨረሻ ገንቢዎችን ተሳትፎ አስፈላጊነትን ማስወገድ ፣ የተረጋጋ እና የታመቀ የደንበኛ ኮድ (11kb) ፣ የዋናው ኮድ ከፊት-መጨረሻ ተደራሽ አለመሆን ፣ REST ተከታታይነት እና እንደ gRPC ያሉ መሳሪያዎችን ማስወገድ ፣ ከፊት-መጨረሻ እና ከኋላ-መጨረሻ መካከል የጥያቄ መስመርን የማስተባበር ችግሮች።

ምንጭ: opennet.ru