ዝርዝር ሁኔታ[ደብቅ][አሳይ]
የማይክሮ ሰርቪስ ሃሳብ በቅርብ ጊዜ ብዙ ትኩረት አግኝቷል፣ እና ብዙ ድርጅቶች ትላልቅ እና ነጠላ ደጋፊዎችን ለማጥፋት እየተጠቀሙበት ነው።
ይህ የተከፋፈለው የድረ-ገጽ አፕሊኬሽን አገልጋይ-ጎን መገንባት በምርምር እና በአፈፃፀም ረገድ የበለጠ ወይም ያነሰ አስተማማኝ ቢሆንም ከፊት ለፊት ጋር በተመሳሳይ መንገድ መሄድ ለብዙ ንግዶች ፈታኝ ነው።
በቅርበት ጥገኝነት ምክንያት፣ የደንበኛ-ጎን ሞኖሊት በተለምዶ አዳዲስ ባህሪያትን ማዋሃድ፣ አዳዲስ ቴክኖሎጂዎችን መቀበል እና የግለሰብ ክፍሎችን መመዘን አስቸጋሪ ያደርገዋል።
እነዚህ እና ሌሎች ተግዳሮቶች የፊት ለፊት ገንቢዎች ማይክሮ አገልገሎትን በመጠቀም እንዲመረምሩ አነሳስቷቸዋል።
በውጤቱም፣ የድረ-ገጾችን እና ዌብ-ተኮር መተግበሪያዎችን የፊት-መጨረሻ ንብርብር ለመፍጠር የሚያስችል አዲስ-አዲስ የስነ-ህንፃ ስትራቴጂ ተዘጋጀ።
ቃሉ ለመጀመሪያ ጊዜ ጥቅም ላይ የዋለው በ 2016 ነው, እና ከዚያን ጊዜ ጀምሮ, ለጥሩ ምክንያት ብዙ ትኩረትን አግኝቷል.
ይህ ጽሑፍ ማይክሮ የፊት ገጽታዎች ምን እንደሆኑ እና የሚነሱትን ጉዳዮች አጠቃላይ ግንዛቤን ይሰጣል። እየሰራ ነው, እንዲሁም ጥቅሞች እና ጉዳቶች.
የማይክሮ የፊት-መጨረሻ አርክቴክቸር መግቢያ
የማይክሮ-ግንባር አርክቴክቸር ተብሎ የሚጠራው ዘመናዊ የፊት-መጨረሻ ልማት ዘዴ ሀ የድር መተግበሪያ ወደ ትናንሽ, ገለልተኛ ክፍሎች.
ለዋና ተጠቃሚ እነዚህ ክፍሎች ራሳቸውን ችለው የተገነቡ እና ከዚያም አንድ ላይ ቢጣመሩ አንድ አሃድ ይመስላሉ.
ማይክሮ frontends የመስመር ላይ መፍትሄዎችን የአገልጋይ ጎን ሳይሆን የደንበኛውን ወገን በሚመለከት ባለው ልዩነት ስር ያለው ምክንያት ከማይክሮ አገልግሎቶች ጋር ተመሳሳይ ነው።
የተራቀቁ ድር ላይ የተመረኮዙ ምርቶችን መስራት የማይክሮ የፊት ለፊት አቀራረብን ሲጠቀሙ በጣም ምክንያታዊ ነው።
ማይክሮ frontends፣ ከመደበኛው የፊት-መጨረሻ ሞኖሊት በተቃራኒ፣ ብዙ ቡድኖች በተለያዩ የሶፍትዌር ፕሮጀክቶች ላይ በተናጠል እንዲተባበሩ ያስችላቸዋል።
ፕሮግራመሮች ይህንን የስነ-ህንፃ ንድፍ በመጠቀም በበለጠ ፍጥነት እና በላቀ መጠነ-ሰፊነት እና መጠገኛ የድር መተግበሪያዎችን መፍጠር ይችላሉ።
በቀላል አነጋገር፣ እያንዳንዱ ማይክሮ የፊት ገፅ የተለየ የድረ-ገጽ አካል የሆነ ኮድ ነው።
እነዚህ ባህሪያት በተለየ ቡድኖች ቁጥጥር ስር ናቸው, እያንዳንዳቸው በአንድ የተወሰነ ኢንዱስትሪ ወይም ዓላማ ላይ የተካኑ ናቸው.
ሞኖሊቲክ vs ማይክሮ ሰርቪስ vs ማይክሮ የፊት ህንጻ
ወደ ሌላ ቦታ ለመቀየር ያስቡ. ሁሉንም ነገር በበርካታ ትንንሽ ፣ በባለሙያ በተሰየሙ ሳጥኖች ማደራጀት እና እያንዳንዱን ለየብቻ ማዛወር ወይም መላውን ሰራተኛ ወደ አንድ ትልቅ ሳጥን ጠቅልሎ ወደ አዲስ ቦታ ማጓጓዝ ቀላል ይሆንልዎታል?
ግልጽ የሆነው መፍትሔ እዚያ አለ።
ይህ ተመሳሳይነት ሁለቱን የተለያዩ የዌብ አፕሊኬሽኖች አርክቴክቸር፣ ሞኖሊቶች እና ማይክሮ ሰርቪስ (በተጨማሪም ማይክሮ ፊት ለፊት በመባል ይታወቃል) ያወዳድራል።
ሞኖሊቲክ አርክቴክቸር
የተሟላ ማመልከቻ እንደ አንድ፣ አንድ ወጥ የሆነ አካል ሲፈጠር የነበረውን "መልካም የድሮ ጊዜ" ማስታወስ ይችሉ ይሆናል። እንዲህ ዓይነቱ ዘዴ ሞኖሊት ተብሎ የሚጠራ ሲሆን ይህም ለትልቅ የድንጋይ ንጣፍ አሮጌ ቃል ነው.
ይህ ትርጉም ይሰጣል።
ሞኖሊቲክ ስርዓቶች እርስ በርስ የሚደጋገፉ ንጥረ ነገሮች አሏቸው. ስለዚህ አንድን ነገር ማሻሻል ወይም አዲስ ባህሪ ማከል ከፈለጉ አጠቃላይ ስርዓቱ ሊሰበር ይችላል።
ምንም እንኳን ጊዜው ያለፈበት ቢሆንም, አልፎ አልፎ አሁንም ይኖራል. አዎ፣ አሁን ያለዎትን አገላለጽ እናውቃለን።
የኮድ ቤዝ ሃሳባዊ ክፍፍል ወደ ሁለት የተለያዩ ክፍሎች - የፊት (የደንበኛ-ጎን) እና የኋላ (የአገልጋይ-ጎን) - አዳዲስ ቴክኖሎጂዎች በመገንባታቸው እና የሶፍትዌር ምርቶች ይበልጥ እየተወሳሰቡ በመጡ ጊዜ የማይቀር ሆነ።
በጣም ታዋቂው የአሠራር ዘዴ አሁን አንድ ዋና ተጠቃሚ በሚገናኝበት የዝግጅት አቀራረብ እና ከበስተጀርባ በሚከናወኑ ሁሉም ነገሮች መካከል ስጋቶችን መለየት ነው።
ሁለት የሶፍትዌር ምህንድስና ቡድኖች ያስፈልጉታል፣ የፊት-መጨረሻ ቡድን ምስላዊ ክፍሎችን እና የኋላ-መጨረሻ ቡድን የድረ-ገጽ አገልግሎቶችን በመገንባት፣ የንግድ ሎጂክ፣ የውሂብ መዳረሻ፣ ውህደቶች፣ ወዘተ.
ይሁን እንጂ ይህ መለያየት ቢኖርም, ይህ ስልት አሁንም በተፈጥሮው ብቸኛ ሆኖ ይቆያል.
ዋናው ለውጥ አሁን ከአንድ ትልቅ መተግበሪያ ይልቅ ሁለት ግዙፍ የኮድ ብሎኮች አሉን - የፊት እና የኋላ -። ሞኖሊቲክ አርክቴክቸር አስፈሪ መሆን የለበትም; ጨምሮ ጥቂት ጥቅሞች አሏቸው
- ለትናንሽ መተግበሪያዎች ቀላል እና ፈጣን እድገት ከአንድ ምንጭ ኮድ ቤዝ እና በጣም ቀላል ንድፍ ጋር;
- ሙከራ እና ማረም በጣም ቀላል ነው ምክንያቱም ሁሉም ኮድ በአንድ ቦታ ላይ ስለሆነ አንድ ቡድን የጥያቄውን ፍሰት ለመከታተል እና ስህተቶችን ለመለየት ቀላል ያደርገዋል።
- በመተግበሪያው መጀመሪያ ላይ፣ አዳዲስ ባህሪያት እስኪጨመሩ ድረስ የመሠረተ ልማት ወጪዎችም ሆነ የልማት ወጪዎች ስለማይወጡ ወጪዎች ርካሽ ናቸው።
የዚህ ስትራቴጂ ጉድለቶች ተንጸባርቀዋል
- የተገደበ የማሰማራት ተለዋዋጭነት - ቡድኖች በፕሮጀክቱ ላይ የሚሰሩ ጥቂቶች ብቻ ካሉ መጠበቅ አለባቸው እና ኮዱን ባዘመኑ ቁጥር አዲስ ማሰማራት ያስፈልጋል;
- አዳዲስ ቴክኖሎጂዎችን መቀበል ፈታኝ ነው ምክንያቱም ይህን ማድረግ ሙሉውን ፕሮጀክት ካልሆነ ጉልህ ክፍል እንደገና መፃፍ ስለሚያስፈልግ።
- የገንቢዎች ቁጥር ሲጨምር የኮድ ስርዓት በቅርበት የተገናኘ፣ ውስብስብ እና ለማስተዳደር እና ለመረዳት አስቸጋሪ ይሆናል።
- ድርጅታዊ ጉዳዮች - እያንዳንዱ የቡድን አባል አንድ አይነት የቤተ-መጻህፍት ስሪት መጠቀም እና ብዙ ቡድኖች በአንድ ነጠላ ፕሮጀክት ላይ እየሰሩ ከሆነ ማንኛውንም ለውጥ ሪፖርት ማድረግ አለባቸው.
- የመስፋፋት ስጋት - የፕሮጀክቱ አካላት እርስ በርስ የተሳሰሩ በመሆናቸው፣ እነሱን ለየብቻ ማመጣጠን ጉልህ የሆነ የእረፍት ጊዜ እና ከፍተኛ ወጪ የሚያስከትሉ ችግሮችን ያሳያል።
- የፕሮጀክቱን ውስብስብ አመክንዮ ለአዳዲስ የቡድን አባላት ለመረዳት አዳጋች ሊሆን ይችላል፣ በተለይም በመጀመሪያ የሰሩት መሐንዲሶች ከአሁን በኋላ ተቀጥረው ካልሰሩ።
የማይክሮ ሰርቪስ እና የቅርብ ዘመዶቻቸው እና ጥቃቅን የፊት ለፊት ገፅታዎች እድገት ከ monolithic ስርዓቶች ጋር የመጀመሪያ ደረጃ ችግሮችን ቀርቧል።
የማይክሮ አገልግሎት አርክቴክቸር
ማይክሮ ሰርቪስ በመባል የሚታወቀው የስነ-ህንፃ ዘዴ ብዙ ልቅ የተሳሰሩ እና በገለልተኛነታቸው ሊሰማሩ የሚችሉ ትናንሽ ክፍሎችን ወይም አገልግሎቶችን ለመፍጠር ያስችላል።
እያንዳንዱ አገልግሎት የራሱ ኮድ ቤዝ፣ የሲአይ/ሲዲ ቧንቧዎች፣ የዴቭኦፕስ ሂደቶች እና እነሱን ለማስኬድ ሂደቶች አሉት።
ከላይ ያለውን ምስል በመመልከት የሞኖሊቲክ የጀርባ ቡድን ወደ ተለያዩ ቡድኖች መከፋፈሉን ማየት ይችላሉ።
እያንዳንዳቸው በተናጥል የሚያተኩሩት በተለያየ የመተግበሪያው ገጽታ ላይ ነው (እንደ የምርት አገልግሎት፣ የፍለጋ አገልግሎት እና የክፍያ አገልግሎት)።
በአገልግሎቶቹ መካከል ግንኙነት የሚከናወነው እንደ ቀላል ክብደት ያለው REST ኤፒአይ ፕሮቶኮል የተመሳሰለ የጥያቄ መልስ ቅጦችን በመሳሰሉ ኤፒአይዎች በሚታወቁ በተቋቋሙ ፕሮቶኮሎች ነው።
ሌላው አማራጭ እንደ ካፍካ ያሉ ሶፍትዌሮችን በመጠቀም ያልተመሳሰሉ ግንኙነቶችን መጠቀም ሲሆን ይህም የመገናኛ መዋቅሮችን እና ዝግጅቶችን ማተም/ደንበኝነት መመዝገብ ነው።
ማይክሮ ሰርቪስ ከፊት ለፊት በኩል ለግንባር (ቢኤፍኤፍ) አገልግሎት ወይም በአውታረ መረቡ በኩል ባለው ኤፒአይ ጌትዌይ በኩል ከኋላ በኩል ይዋሃዳሉ። BFF ለእያንዳንዱ ደንበኛ ብጁ የሆነ ኤፒአይ ያቀርባል፣ ኤፒአይ ጌትዌይስ ግን ለማይክሮ አገልግሎቶች ስብስብ አንድ ነጥብ የመዳረሻ ነጥብ ይሰጣል።
ነገር ግን በራስ ገዝ የጀርባ ክፍሎች እና በሚያቀርቧቸው ሁሉም ጥቅሞች እንኳን, የፊት ግንባር አሁንም ሞኖሊቲ ነው.
ስለዚህ, ማይክሮ frontends ጠቃሚ የሆኑት እዚህ ነው.
የማይክሮ የፊት ገጽታዎች አርክቴክቸር
ልክ እንደ ማይክሮ ሰርቪስ፣ ልቅ የተገናኙ አካላት በበርካታ ቡድኖች የሚተዳደሩበት፣ የማይክሮ ፊት ለፊት አርክቴክቸር ሃሳቡን በአሳሹ ላይ ይተገበራል።
እነዚህ የድር አፕሊኬሽን የተጠቃሚ በይነገጾች ይህንን መዋቅር ይከተላሉ፣ እሱም በመጠኑ ገዝ የሆኑ አካላትን ያቀፈ።
ቡድኖች እንዲሁ በልዩ ዕውቀት ወይም ቴክኖሎጂ ሳይሆን በደንበኛ ፍላጎቶች ወይም ጉዳዮች ላይ የተፈጠሩ ናቸው።
ስለዚህም ቡድኖች በማይክሮ አገልግሎቶች እና በማይክሮ የፊት ለፊት ፕሮጀክቶች ውስጥ ይሳተፋሉ።
- በአቀባዊ የተቆራረጡ - በተመሳሳይ ፕሮጀክት ላይ የሚሰሩ የፊት ለፊት ገንቢዎች ፣ የውሂብ ባለሙያዎች ፣ የኋላ መሐንዲሶች ፣ QA መሐንዲሶች ፣ ወዘተ እንዳሉ ሁሉ ባህሪያቸውን ይፈጥራሉ ። የተጠቃሚ በይነገጽ ወደ የውሂብ ጎታዎች; እና
- ተሻጋሪ - እያንዳንዱ የቡድን አባል ለቡድኑ እውቀታቸውን ያበረክታል.
ቡድኖች ለስራ መስመራቸው በተሻለ ሁኔታ የሚስማማውን የቴክኖሎጂ ቁልል መምረጥ ይችላሉ።
አንድ ቡድን ቁርጥራጮቹን ለማዘጋጀት Reactን መጠቀም ይችላል። ሌላ ቡድን አዲስ የAngular ስሪት ይፈጥራል። Vue.js አንዱ ምሳሌ ነው።
የልማት ቡድኖች በተለምዶ ከሞኖሊቶች ጋር የሚያጋጥሟቸውን ጉዳዮች ለመቅረፍ ማይክሮ frontends ከተዛማጅ ጥቃቅን አገልግሎቶች ጋር በጥምረት ጥቅም ላይ ይውላሉ። ስልቱ የሚከተሉትን ጥቅሞች ያቀርባል.
- የቴክኖሎጂ ነፃነት፡-Fronendend መሐንዲሶች በኩባንያው ፍላጎት መሰረት አማራጭ የጃቫስክሪፕት ማዕቀፎችን፣ የአሂድ ጊዜ አካባቢዎችን እና አጠቃላይ የቴክኖሎጂ ቁልል መምረጥ ይችላሉ። ጊዜው ካለፈበት አርክቴክቸር በላይ፣ አዲስ ማዕቀፍ ሊተገበር ይችላል።
- እያንዳንዱ የማይክሮ የፊት ለፊት ክፍል ራሱን የቻለ እና ለብቻው ሊዳብር፣ ሊሞከር፣ ሊሰማራ እና ሊሻሻል ስለሚችል የበለጠ የመተጣጠፍ ደረጃ ሊኖር ይችላል። በዚህ ምክንያት አንድ ቡድን በባህሪው ላይ እየሰራ ከሆነ እና የሳንካ ጥገናን ከገፋ እና ሌላ ቡድን የራሱን ባህሪ ማከል ካለበት የመጀመሪያው ቡድን ተግባራቸውን እስኪያጠናቅቅ መጠበቅ አያስፈልጋቸውም።
- ራሳቸውን የቻሉ ቡድኖች እና ስርዓቶች፡ እያንዳንዱ የምርት ቡድን እና በዚህም ምክንያት እያንዳንዱ ባህሪ በሌሎች ላይ ጥገኝነት ሳይኖረው ሊሰራ ይችላል፣ ይህም በአቅራቢያው ያሉ አካላት በማይገኙበት ጊዜ እንኳን መስራቱን እንዲቀጥል ያስችለዋል።
- በርካታ፣ አነስ ያሉ የኮድ ቤዝ፡ እያንዳንዱ የማይክሮ ግንባር የየራሱ፣ የበለጠ የሚተዳደር፣ ትንሽ ኮድ ቤዝ ይኖረዋል። ጥቂት ሰዎች በአንድ የተወሰነ የUI አካል ላይ ያተኩራሉ፣ የኮድ ግምገማዎችን ያቃልላሉ እና አጠቃላይ አደረጃጀትን ያሻሽላሉ።
- ቀላል የመተግበሪያ ልኬት፡ ሌላው የጥቃቅን የፊት ገጽታዎች ጥቅም እያንዳንዱን ባህሪ በተናጥል የመለካት ችሎታ ነው። ከሞኖሊቶች በተቃራኒ፣ አዲስ ባህሪ በተጨመረ ቁጥር አጠቃላይ ፕሮግራሙ መመዘን ያለበት፣ ይህ አጠቃላይ ሂደቱን በጊዜ እና በገንዘብ የበለጠ ውጤታማ ያደርገዋል።
ማይክሮ ፊት ለፊት እንዴት ይሠራል?
ቀደም ብለን እንደገለጽነው፣ ቡድኖች በአቀባዊ የተደራጁ በማይክሮ ግንባር አርክቴክቸር ውስጥ ነው፣ ይህ ማለት በጎራ ዕውቀት ወይም ዓላማ ተለያይተው ለአንድ የተወሰነ ምርት ከመጀመሪያው እስከ መጨረሻ ኃላፊነት አለባቸው።
አንድ ወይም ሁለት የጀርባ ማይክሮ ሰርቪስ እንዲሁም ትንሽ የፊት ክፍል ሊኖረው ይችላል። በበለጠ ዝርዝር፣ የዚህን ምስላዊ አካል ባህሪያት፣ ከሌሎች የUI ክፍሎች ጋር ያለውን መስተጋብር እና በመነሻ ገጹ ውስጥ መካተቱን እንመርምር።
የማይክሮ ፊት ለፊት ሊሆን ይችላል።
- አንድ ሙሉ ገጽ (ለምሳሌ፣ የምርት ዝርዝር ገጽ) ወይም
- እንደ ራስጌዎች፣ ግርጌዎች እና የፍለጋ አሞሌዎች ያሉ ሌሎች ቡድኖች ሊጠቀሙባቸው የሚችሉ የገጹ ክፍሎች።
አንድን ትልቅ ድረ-ገጽ ወደ ብዙ የገጽ ዓይነቶች በመከፋፈል እያንዳንዱን አይነት ለአንድ የተወሰነ ሰራተኛ እንዲሰራ መስጠት ትችላለህ።
ነገር ግን፣ ብዙ አካላት በተደጋጋሚ በበርካታ ገፆች ላይ ይከሰታሉ፣ ለምሳሌ ራስጌዎች፣ ግርጌዎች፣ የአስተያየት ማገጃዎች፣ ወዘተ። የአስተያየት ማገጃ ለምሳሌ በመነሻ ገጽ፣ በምርት ዝርዝር ገጽ ወይም በፍተሻ ገጹ ላይ ሊካተት ይችላል።
በመሠረቱ፣ ቡድኖች ሌሎች ቡድኖች በገጾቻቸው ላይ ሊጠቀሙባቸው የሚችሏቸውን ቁርጥራጮች መፍጠር ይችላሉ።
ማይክሮ frontends, ቢሆንም, እንደገና ጥቅም ላይ ክፍሎች በተቃራኒ እንደ የተለያዩ ፕሮጀክቶች እንደ በተናጠል ማሰማራት ይቻላል.
ይህ ሁሉ ድንቅ ይመስላል፣ ግን የተዋሃደ በይነገጽ ለመፍጠር፣ ገጾች እና ቁርጥራጮች በሆነ መንገድ መቀላቀል አለባቸው።
ይህ የፊት ለፊት ውህደትን ይጠይቃል፣ ይህም በተለያዩ ስልቶች፣ ማዘዋወር፣ ቅንብር እና ግንኙነትን ጨምሮ (ከላይ ያለውን ግራፊክ ይመልከቱ)።
ማስተላለፊያ
በሌላ ቡድን ባለቤትነት የተያዘውን ገጽ ለማግኘት በአንድ ቡድን ቁጥጥር ስር ካለው ገጽ የሚገኘው አገልግሎት ሲያስፈልግ ማዘዋወር ለገጽ-ደረጃ ውህደት ይጠቅማል።
እያንዳንዱ የማይክሮ ፊት ለፊት እንደ አንድ-ገጽ መተግበሪያ ነው የሚስተናገደው። ቀላል የኤችቲኤምኤል ማገናኛዎች ማዘዋወርን ለማቅረብ መጠቀም ይቻላል።
አንድ ተጠቃሚ አሳሹን ከአገልጋዩ ላይ ኢላማውን እንዲያወርድ ማስገደድ እና ሃይፐርሊንክን ጠቅ በማድረግ የአሁኑን ገጽ በአዲስ መተካት ይችላል።
የመተግበሪያው ሼል UIን የሚያበረታታ ዝቅተኛው HTML፣ CSS እና JavaScript ነው። ምንም እንኳን ከአገልጋዩ የተጠየቀው የይዘት ውሂብ አሁንም እየጠበቀ ቢሆንም፣ ተጠቃሚው የማይንቀሳቀስ የታየ ገጽ ወዲያውኑ ይቀበላል። ማዕከላዊው መተግበሪያ ሼል በተለያዩ ቡድኖች ለተፈጠሩት ባለአንድ ገጽ መተግበሪያዎች እንደ ወላጅ መተግበሪያ ሆኖ ያገለግላል።
ጥቅም ላይ እየዋለ ያለው ቤተ-መጻሕፍት ወይም ማዕቀፍ ምንም ቢሆን፣ ሜታ-ማቀፎች የተለያዩ ገጾችን ወደ አንድ ነጠላ እንዲቀላቀሉ ያስችላቸዋል።
ጥንቅር
ቅንብር ቁርጥራጮቹን በአንድ ገጽ ላይ ከሚገኙት ተስማሚ ቦታዎች ጋር እንዲገጣጠሙ የማዘጋጀት ሂደት ነው. በአብዛኛዎቹ አጋጣሚዎች ገጹን የሚያሰማራው ቡድን የቁርጭምጭሚቱን ይዘት ወዲያውኑ አያመጣም።
በምትኩ፣ ቁርጥራጩ በምልክቱ ውስጥ መሆን ያለበት ቦታ ያዥ ወይም ምልክት ማድረጊያ ያስቀምጣል።
የተለየ የአጻጻፍ ሂደት በመጠቀም, የመጨረሻው ስብሰባ ይከናወናል. አጻጻፉ በሁለት መሠረታዊ ምድቦች ሊከፈል ይችላል-ደንበኛ-ጎን እና አገልጋይ-ጎን.
የደንበኛ-ጎን ቅንብርየድረ-ገጽ ማሰሻ HTML ማርክን ለመፍጠር እና ለማርትዕ ይጠቅማል። እያንዳንዱ የማይክሮ የፊት ለፊት ክፍል ከገጹ ላይ ተለይቶ የመለወጥ እና የማሳየት ችሎታ አለው።
ለምሳሌ የድረ-ገጽ አካላት ይህን አይነት ግንባታ እንዲያከናውኑ ያስችሉዎታል።
ዕቅዱ እያንዳንዱን ክፍልፋይ እንደ a.js ፋይል ለብቻው ሊጭን ወደ ሚችል የድር አካል መለወጥ ሲሆን ከዚያ በኋላ አፕሊኬሽኑ በገጽታ አቀማመጥ ውስጥ በተዘጋጀላቸው ቦታዎች ላይ መጫን እና ማቅረብ ይችላሉ።
የድር ክፍሎች በኤችቲኤምኤል እና DOM ኤፒአይ ላይ የተመረኮዙ ናቸው፣ እነሱም ሌሎች የፊት ለፊት ማዕቀፎች ሊጠቀሙባቸው በሚችሉት ፣ እንዲሁም መደበኛ መረጃን በፕሮፖኖች እና ዝግጅቶች የመላክ እና የመቀበል ዘዴ።
የአገልጋይ-ጎን ቅንብር: በዚህ ንድፍ, የዩአይአይ ክፍሎች በአገልጋዩ ላይ ይጣመራሉ, ይህም ሙሉ በሙሉ የተሰራ ገጽ ወደ ደንበኛ-ጎን ይላካል, ጭነትን ያፋጥናል.
ስብሰባው ብዙውን ጊዜ የሚከናወነው በድር አሳሽ እና በድር አገልጋዮች መካከል ባለው የተለየ አገልግሎት ነው። ሲዲኤን የአገልግሎቱ አንዱ ምሳሌ ነው (የይዘት ማቅረቢያ አውታረ መረብ)።
እንደ ፍላጎቶችዎ ከሁለቱ አንዱን ወይም ጥምር መምረጥ ይችላሉ።
የማይክሮ የፊት ለፊት የግንኙነት ቅጦች
ማይክሮ-frontend አርክቴክቸር በተሻለ ሁኔታ የሚሰራው በተለያዩ ክፍሎች መካከል ምንም መስተጋብር በማይኖርበት ጊዜ ነው። ማይክሮ frontends አልፎ አልፎ እርስ በርስ መነጋገር እና መረጃ ማጋራት ያስፈልጋቸዋል. ወደዚያ ሊመሩ የሚችሉ ጥቂት እምቅ ቅጦች እዚህ አሉ።
- የድር ሰራተኞችየመስመር ላይ ሰራተኛ የድረ-ገጽ ይዘት ጃቫ ስክሪፕትን ከበስተጀርባ፣ ከሌሎች ስክሪፕቶች ነጻ በሆነ መልኩ እና የገጹን ፍጥነት ሳይነካ እንዲሄድ የሚያስችል ዘዴ ነው። ለእያንዳንዱ ማይክሮ መተግበሪያ ልዩ የሰራተኛ ኤፒአይ ይቀርባል። ይህ ጥቅማጥቅም ጊዜ የሚፈጅ ስራ በተለየ ክር ውስጥ ሊከናወን ይችላል, ይህም የ UI ክር ሳይዘገይ ወይም ሳይቋረጥ እንዲቀጥል ያስችለዋል.
- የክስተት አስተላላፊበዚህ ሁኔታ ፣ ብዙ አካላት በተመዘገቡባቸው ክፍሎች ላይ ማንኛውንም የስቴት ለውጦችን በማዳመጥ እና በመተግበር እርስ በእርስ ይገናኛሉ። ለዚያ የተለየ ክስተት የተመዘገቡ ሌሎች ማይክሮ frontends ያንን ክስተት ማይክሮ frontend ሲቃጠል ምላሽ ይሰጣሉ። በእያንዳንዱ ማይክሮ-frontend ውስጥ የተዋወቀው የክስተት አስተላላፊ ይህንን ተግባራዊ ያደርገዋል።
- መልሶ መደወል እና መደገፊያዎችበዚህ ክፍል የወላጅ አካል እና የልጅ ክፍሎችን ይገልፃሉ። ግንኙነቱ የተደራጀው ዛፍ በሚመስል መዋቅር ነው። የወላጅ አካላት ውሂቡን እንደ አካል ዛፍ ወደታች ለልጁ አካላት ለማስተላለፍ ፕሮፖኖችን ይጠቀማሉ። በምላሹ፣ ህፃኑ በግዛታቸው ውስጥ የሆነ ነገር ሲከሰት ለተመለስ ጥሪ ምላሽ በመስጠት ወላጁን በብቃት ሊያስጠነቅቅ ይችላል። ምላሽ ይህን ሁነታ ይጠቀማል።
የማይክሮ frontend ጥቅሞች
በፍጥነት በራስ ገዝ ቡድኖች ውስጥ ልማት
የማይክሮ የፊት ለፊት ዘዴን ሲጠቀም ራሱን የቻለ ቡድን እያንዳንዱን የድር መተግበሪያ ወይም ድር ጣቢያ መፍጠር ይችላል።
እያንዳንዱ ቡድን ሙሉ በሙሉ ራሱን የቻለ ነው, ይህም ማለት ከፅንሰ-ሀሳብ እስከ ተለቀቀ እና ከድህረ-ምርት ጀምሮ የጠቅላላውን አካል እድገት ዑደት ይቆጣጠራል.
በተጨማሪም፣ ይህ የሚያመለክተው የተለያዩ ቡድኖች በአንድ ጊዜ በተመሳሳይ ፕሮጀክት ላይ ሲሰሩ ያለምንም ችግር መተባበር ይችላሉ።
ስለዚህ፣ የመልቀቂያ ዑደቶች ከፊት-መጨረሻ ሞኖሊቶች ጋር ከሚሆኑት የበለጠ ፈጣን ናቸው።
የግለሰብ ማይክሮ Frontends አነስተኛ Codebases ወደ ማጽጃ ኮድ ይመራሉ
ሞኖሊቲክ የፊት ጫፎች ከጊዜ ወደ ጊዜ እየተዘበራረቁ እና በጊዜ ሂደት ለማስተዳደር ፈታኝ የሆኑ ትልልቅ፣ የማይጠቅሙ ኮድ ቤዝ አላቸው።
ማይክሮ frontends ይህን ችግር ለመፍታት. እያንዳንዱ የማይክሮ ፎሮንንድ ምንጭ ኮድ ትንሽ፣ ቀላል እና የበለጠ የታመቀ ስለሆነ የበለጠ ማስተዳደር የሚችል ነው።
በዚህ ምክንያት አጠቃላይ የድረ-ገጽ መፍትሔ ከንጹህ ኮድ ይጠቀማል።
የተሻሻለ የመተግበሪያ መረጋጋት በልቅ ትስስር ምክንያት
የድረ-ገጽ መፍትሄ አልፎ አልፎ ሙሉ በሙሉ ገለልተኛ በሆኑ ቁርጥራጮች ሊከፋፈል ይችላል። በዚህ ምክንያት ማይክሮ የፊት ገጽታዎች እርስ በርስ ይነጋገራሉ.
ሆኖም ግን, ምንም እንኳን ልቅ ግንኙነት ቢኖረውም, በክፍሎቹ መካከል ያለው እያንዳንዱ ግንኙነት ጠቃሚ ነው.
የአንድ አካል አለመሳካቱ በሁሉም ሌሎች አካላት አሠራር ላይ ምንም ተጽእኖ የለውም, ይህም የተሻሻለ የድር መፍትሄን መረጋጋት ይሰጣል.
የግለሰብ ባህሪያትን መሞከር ቀላል ተደርጎለታል
ይህ ጥቅም የሚገኘው ከማይክሮ የፊት ገጽታዎች ባህሪያት ነው. በዚህ የስነ-ህንፃ ንድፍ ላይ በመመስረት፣ የድር መፍትሄ ደንበኛ ጎን ሞጁል ነው እና እያንዳንዱ ሞጁል ራሱን የቻለ ነው።
በዚህ ምክንያት የተጠቃሚውን ትንሽ ክፍል በራሱ መገምገም ለቡድን አንድ ግዙፍ ሞኖሊት ከመሞከር የበለጠ ቀላል ነው።
የተቀነሰ የጥቅል መጠን ወደ ፈጣን ገጽ ጭነት ይመራል።
በባህሪ በበለጸጉ ሞኖሊቲክ ዌብ ሲስተሞች ውስጥ የመጫኛ ጊዜዎችን የመዘግየቱ ዋና መንስኤዎች የጃቫስክሪፕት ጥቅል መጠን ነው። በሌላ በኩል፣ የማይክሮ ፊት ለፊት አቀራረብ የገጽ ጭነት ጊዜን ለመቀነስ ቀላል ያደርገዋል።
አንድ ድረ-ገጽ ከበርካታ ጥቃቅን ጥቅሎች የተዋቀረ ስለሆነ አሳሽ አላስፈላጊ ኮድን በተደጋጋሚ ማውረድ የለበትም። በውጤቱም, የገጽ አፈፃፀም እና የመጫኛ ጊዜዎች ይጨምራሉ.
የቴክኖሎጂ ነፃነት
ብዙ የፊት-መጨረሻ ማዕቀፎች ከማይክሮ-ግንባር አርክቴክቸር ጋር አንድ ነጠላ የመስመር ላይ መፍትሄ ለመፍጠር በገንቢዎች ሊጠቀሙበት ይችላሉ።
እያንዳንዱ አካል ራሱን ችሎ የሚሠራ በመሆኑ፣ የትኛውንም የቡድኑን ተግባር በተሻለ የሚስማማውን ቴክኖሎጂ በመጠቀም መገንባት ይቻላል።
በተፈጥሮ ፕሮግራመሮች ለሚመሩት የሶፍትዌር ፕሮጀክት ማዕቀፎችን በሚመርጡበት ጊዜ ጥንቃቄ ማድረግ አለባቸው እና ከሌሎች ቡድኖች ጋር ምክክር አሁንም በጥብቅ ይመከራል ።
ነገር ግን፣ ለመተግበሪያው የህይወት ዘመን የቆየ ማዕቀፍ ለመጠቀም የመገደድ እድሉ ዜሮ ነው።
የማይክሮ Frontend ጉዳቶች
ውስብስብ የድር መፍትሔ ሙከራ ሙሉ በሙሉ
ማይክሮ-frontend አርክቴክቸር ሲጠቀም የድር መፍትሄ የተለያዩ ሞጁሎችን መሞከር ቀላል ነው። ምንም እንኳን የድር መተግበሪያን በአጠቃላይ ከመገምገም ይለያል።
ከመቀጠልዎ በፊት ሁሉም ክፍሎች እንደታሰበው መስራታቸውን ያረጋግጡ። ማይክሮ frontends ራሳቸውን ችለው የሚሰሩ እና የተለየ የማድረስ ሂደቶች ስላሏቸው ይህ አስቸጋሪ ሊሆን ይችላል።
ውድ የመጀመሪያ ኢንቨስትመንቶች
የማይክሮ የፊት ለፊት እድገቶች በተለምዶ ከፍተኛ የገንዘብ ወጪዎችን ይፈልጋሉ። ብዙ የፊት ለፊት ቡድኖችን ማሰባሰብ እና ማቆየት ውድ ነው።
በተጨማሪም፣ ስራውን ለማደራጀት፣ ሁሉም ነገር የተቀናጀ መሆኑን ለማረጋገጥ እና ጥሩ የቡድን ግንኙነትን ለማረጋገጥ የአስተዳደር ሰራተኞች ያስፈልጉዎታል።
የልማት እና የመዘርጋት ውስብስብነት
በጥቃቅን የፊት ገጽታ ንድፍ ምክንያት የእድገት እና የማሰማራት ሂደቶች የበለጠ ውስብስብ ሊሆኑ ይችላሉ።
በአንድ ፕሮጀክት ላይ በሚሠሩ ገለልተኛ የልማት ቡድኖች መፍትሔው በብዙ አካላት የተዝረከረከ ሊሆን ይችላል፣ ለምሳሌ፣ በማሰማራት ደረጃ ላይ ችግር ይፈጥራል።
የሁሉም ሞጁሎች ትክክለኛ ስብስብ እና ከጠቅላላው እቅድ ጋር በጥሩ ሁኔታ መገጣጠም ሁልጊዜ ቀላል አይደለም ። ይህ ሥራ በተለምዶ ሁሉንም ጥገኞች በደንብ መረዳትን ይጠይቃል።
በተጠቃሚው ልምድ ውስጥ ወጥነትን የመጠበቅ ችግሮች
ቡድኖች በተለያዩ የሶፍትዌሩ ክፍሎች ላይ ለየብቻ ሲሰሩ ወጥ የሆነ የተጠቃሚ በይነገጽ መጠበቅ ፈታኝ ነው።
የድር መፍትሄው በሁሉም የፕሮጀክቱ ገንቢዎች መካፈል አለበት። አለበለዚያ በመንገድ ላይ ብዙ ተቃርኖዎች ሊኖሩ ይችላሉ.
መደምደሚያ
ማይክሮ frontends፣ የዘመኑ የሕንፃ ንድፍ፣ መጠነ ሰፊ የማይክሮ አገልግሎት ላይ የተመሠረቱ የድር ልማት ፕሮጀክቶችን አፈጻጸም በእጅጉ ሊያሳድግ ይችላል።
የፕሮግራም አድራጊዎች የተሟላውን መፍትሄ በበርካታ የራስ ገዝ ቡድኖች ሊፈጠሩ በሚችሉ ልዩ ልዩ ክፍሎች እንዲከፍሉ ያስችላቸዋል። ብዙ ጥቅማጥቅሞች ከዚህ ይከተላሉ፣ ፈጣን የባህሪ መልቀቅን፣ የግለሰብ ሞጁሎችን ቀላል መሞከር እና ተጨማሪ እንከን የለሽ ማሻሻያዎችን ጨምሮ።
ነገር ግን በማይክሮ የፊት ገጽታዎችም አንዳንድ ችግሮች አሉ።
የመተግበሪያ አጠቃላይ ሙከራ፣ ለምሳሌ፣ ፈታኝ ሊሆን ይችላል።
በተጨማሪም፣ ትልቅ የመሐንዲሶች እና የአስተዳዳሪዎች ቡድን ስለሚያስፈልግ፣ የማይክሮ ፊት ለፊት ፕሮጀክቶች በጣም ውድ ናቸው።
ስለዚህ፣ ወደ ውሳኔ ከመምጣትዎ በፊት፣ ሁሉንም የንግድ ጉዳይዎን ክፍሎች ግምት ውስጥ ማስገባት አለብዎት።
ቭላዲሚር አማጅ
እንደምንም ብዬ በግንባሩ ላይ ያሉ የነጠላ አካላት ግንኙነት በምን መርህ ላይ እንደሚሠራ አልገባኝም። በተለያዩ ማዕቀፎች ውስጥ የተፈጠሩ ክፍሎችን እንዴት ማገናኘት እንደሚፈልጉ አልገባኝም። ስለ ጽሑፉ ምንም ነገር የለም. የክስተቶች እና የአድማጮች ስርዓት ለእኔ በምድር ላይ ሲኦል ይመስላል። እንዴት አድርገን እናስበው?