ఫుల్-స్టాక్ యాప్ అంటే ఏమిటి? సరళమైన భాషలో వివరణ

ఫుల్-స్టాక్ యాప్ అనేది పనిచేయడానికి అవసరమైన ప్రతి పొరను కలిగిన యాప్: ప్రజలు చూసి క్లిక్ చేసే ఫ్రంట్‌ఎండ్, సర్వర్‌పై నడిచి నియమాలను అమలు చేసే బ్యాక్‌ఎండ్, మరియు ప్రతిదీ గుర్తుంచుకునే డేటాబేస్. మీ పనులను సేవ్ చేసి, ఏ పరికరం నుండైనా లాగిన్ అయ్యేలా చేసి, మీ జాబితాను ఎవరికీ చూపని టూ-డూ లిస్ట్ ఫుల్-స్టాక్. మీ ఆఫీస్ గంటలు మాత్రమే చూపే ఒకే పేజీ కాదు.

"స్టాక్" అంటే ఒకదానిపై ఒకటి పేర్చబడిన సాంకేతికత పొరలు. "ఫుల్" అంటే అన్నీ ఉన్నాయని అర్థం.

AI తో నిర్మించేటప్పుడు ఇది ఎందుకు ముఖ్యం

AI బిల్డర్‌కు యాప్ వివరించేటప్పుడు, మీరు వాడే పదాలు ఏ పొరలు నిర్మించబడతాయో నిర్ణయిస్తాయి. "మా మెనూ చూపే పేజీ చేయి" ఫ్రంట్‌ఎండ్ ఇస్తుంది. "కస్టమర్లు మా మెనూ నుండి ఆర్డర్ చేయగలగాలి, వంటగది కొత్త ఆర్డర్లు చూడగలగాలి" అంటే మూడు పొరలూ కావాలి, ఎందుకంటే ఆర్డర్లు సేవ్ చేయాలి, రెండు రకాల వినియోగదారుల మధ్య పంచుకోవాలి, మరియు ప్రైవేట్‌గా ఉంచాలి.

పొరలు తెలుసుకోవడం మూడు విధాలుగా సహాయపడుతుంది:

• సరైనది అడుగుతారు. డేటా సేవ్ కావాలంటే అలా చెప్పండి. కేవలం ఫ్రంట్‌ఎండ్ నిర్మించే బిల్డర్ పూర్తయినట్లు కనిపిస్తుంది, కానీ రిఫ్రెష్‌లో అన్నీ మరచిపోతుంది.
• నకిలీ పూర్తిని గుర్తిస్తారు. నమూనా డేటాతో ఉన్న డెమో పని చేస్తున్న యాప్‌లా కనిపించవచ్చు. పొరలు తెలిస్తే డేటా నిజంగా ఎక్కడికో వెళ్తోందో లేదో తనిఖీ చేయగలరు.
• నడిపే ఖర్చులను అర్థం చేసుకుంటారు. ఫ్రంట్‌ఎండ్ మాత్రమే స్టాటిక్ ఫైళ్లుగా అందించవచ్చు. బ్యాక్‌ఎండ్ మరియు డేటాబేస్ సర్వర్లపై నడిచే ప్రోగ్రామ్‌లు, మరియు హోస్టింగ్ ఖర్చులో ఎక్కువ భాగం అక్కడే వస్తుంది.

ఒక రోజువారీ పోలిక: రెస్టారెంట్

ఒక రెస్టారెంట్ ఊహించండి.

• భోజన గది ఫ్రంట్‌ఎండ్. మెనూలు, టేబుళ్లు, మరియు వెయిటర్ నోట్‌ప్యాడ్. అతిథులు చూసేది ఇదే, మరియు ఇది ఆహ్లాదకరంగా మరియు ఉపయోగించడానికి సులభంగా ఉండాలి.
• వంటగది బ్యాక్‌ఎండ్. అతిథులు లోపలికి వెళ్లరు. ఇది ఆర్డర్లు తీసుకుంటుంది, వంటకం అందుబాటులో ఉందో తనిఖీ చేస్తుంది, వండుతుంది, మరియు వింత అభ్యర్థనలను తిరస్కరిస్తుంది. నియమాలు ఇక్కడే ఉంటాయి.
• ప్యాంట్రీ మరియు ఆర్డర్ బుక్ డేటాబేస్. ఏమి ఉందో మరియు ఏమి ఆర్డర్ అయిందో ఉంచుతాయి, షిఫ్ట్ మారినప్పుడు ఏదీ మరచిపోకుండా.

కేవలం భోజన గది ఉన్న రెస్టారెంట్ మీకు మంచి మెనూ చూపగలదు, కానీ మీకు ఆహారం పెట్టలేదు. అది ఫుల్-స్టాక్ అన్నట్లు నటించే ఫ్రంట్‌ఎండ్-మాత్రమే యాప్.

మూడు పొరలు మరింత వివరంగా

పొరలు ఒక నిర్ణీత క్రమంలో ఒకదానితో ఒకటి మాట్లాడతాయి. ఫ్రంట్‌ఎండ్ బ్యాక్‌ఎండ్‌ను ఏదైనా అడుగుతుంది, API ద్వారా — బ్యాక్‌ఎండ్ అంగీకరించే నిర్వచించిన అభ్యర్థనల సమితి. బ్యాక్‌ఎండ్ అభ్యర్థనను తనిఖీ చేస్తుంది, డేటాబేస్ చదువుతుంది లేదా రాస్తుంది, మరియు సమాధానం పంపుతుంది. ఫ్రంట్‌ఎండ్ నేరుగా డేటాబేస్‌తో మాట్లాడదు.

ఈ క్రమమే మొత్తం స్టాక్‌లో అత్యంత ముఖ్యమైన భద్రతా ఆలోచన. ఫ్రంట్‌ఎండ్‌లో ఉన్నదంతా సందర్శకుడి పరికరంపై నడుస్తుంది కాబట్టి అతను దాన్ని చదవగలడు మరియు మార్చగలడు. అందువల్ల నియమాలు — "ఈ ఇన్వాయిస్‌ను యజమాని మాత్రమే చూడగలరు", "కూపన్ ఒకసారి మాత్రమే వాడవచ్చు" — బ్యాక్‌ఎండ్‌లో అమలు కావాలి. విభజన గురించి మరింత కోసం, ఫ్రంట్‌ఎండ్ vs బ్యాక్‌ఎండ్ చూడండి.

ఒక ఉదాహరణ: క్లాస్ బుకింగ్ యాప్

మీరు ఒక యోగా స్టూడియో నడుపుతున్నారని, ప్రజలు ఆన్‌లైన్‌లో క్లాసులు బుక్ చేయాలని అనుకుందాం.

సందర్శకుడు ఏమి చేస్తాడు: సైట్ తెరుస్తాడు, ఈ వారం క్లాసులు చూస్తాడు, ఒకదానిపై నొక్కుతాడు, సైన్ ఇన్ చేస్తాడు మరియు ఒక స్థలం బుక్ చేస్తాడు.

లోపల ఏమి జరుగుతుంది:

1. ఫ్రంట్‌ఎండ్ టైమ్‌టేబుల్ చూపుతుంది. దాన్ని నింపడానికి, అది బ్యాక్‌ఎండ్‌ను అడుగుతుంది, "ఈ వారం ఏ క్లాసులు ఉన్నాయి, ఎన్ని స్థలాలు మిగిలాయి?"
2. బ్యాక్‌ఎండ్ డేటాబేస్ను క్లాసులు అడిగి, ప్రతి దానికి బుకింగ్‌లు లెక్కిస్తుంది, తర్వాత సమాధానం ఇస్తుంది.
3. సందర్శకుడు Book నొక్కుతాడు. ఫ్రంట్‌ఎండ్ "ఈ సైన్-ఇన్ అయిన వ్యక్తి కోసం క్లాస్ 42 బుక్ చేయి" అని పంపుతుంది.
4. బ్యాక్‌ఎండ్ తనిఖీ చేస్తుంది: ఈ వ్యక్తి నిజంగా సైన్ ఇన్ అయ్యారా? క్లాస్ నిండిందా? ఇప్పటికే బుక్ చేశారా? అన్నీ సరిగ్గా ఉంటేనే డేటాబేస్‌లో కొత్త బుకింగ్ వరుస రాస్తుంది.
5. బ్యాక్‌ఎండ్ "బుక్ అయింది" అని సమాధానం ఇస్తుంది, మరియు ఫ్రంట్‌ఎండ్ నిర్ధారణ చూపుతుంది.
6. తర్వాత స్టూడియో యజమాని లాగిన్ అయ్యి క్లాస్ జాబితా చూస్తుంది. ఆమె అడ్మిన్ అని బ్యాక్‌ఎండ్ తనిఖీ చేసి, అందరి పేర్లు చూపే ముందు నిర్ధారిస్తుంది.

ఇప్పుడు ఇది కేవలం ఫ్రంట్‌ఎండ్‌గా నిర్మించబడిందని ఊహించండి. టైమ్‌టేబుల్ కనిపించవచ్చు, మరియు బుక్ బటన్ అందమైన టిక్ చూపవచ్చు, కానీ రిఫ్రెష్‌లో బుకింగ్ మాయమవుతుంది, "మిగిలిన స్థలాలు" లెక్క ఇతరులకు తప్పుగా ఉంటుంది, మరియు యజమాని దాన్ని ఎప్పటికీ చూడడు. దశ 4 — తనిఖీలు — పూర్తిగా లేకుండా ఉంటాయి. అదే ఆచరణాత్మక తేడా.

ముఖ్య పదాలు

• ఫ్రంట్‌ఎండ్ (క్లయింట్ సైడ్): బ్రౌజర్‌లో నడిచే భాగం.
• బ్యాక్‌ఎండ్ (సర్వర్ సైడ్): సర్వర్‌పై నడిచే భాగం. దీన్ని API సర్వర్ అని కూడా అంటారు.
• డేటాబేస్: డేటా వ్యవస్థీకృతంగా నిల్వ చేయబడే చోటు. డేటాబేస్ అంటే ఏమిటో చూడండి.
• API: ఫ్రంట్‌ఎండ్ లేదా ఇతర ప్రోగ్రామ్‌ల నుండి బ్యాక్‌ఎండ్ అంగీకరించే అభ్యర్థనల జాబితా.
• ఆథెంటికేషన్: ఒకరు ఎవరో తనిఖీ చేయడం (లాగిన్). ఆథరైజేషన్: వారు ఏమి చేయగలరో తనిఖీ చేయడం.
• డిప్లాయ్‌మెంట్: ప్రజలు ఉపయోగించేలా అన్ని పొరలను సర్వర్‌లపై ఉంచడం.
• మోనోలిత్ vs సర్వీసులు: అన్నీ చేసే ఒకే ప్రోగ్రామ్, లేదా అనేక చిన్నవి (ఉదా వెబ్‌సైట్ మరియు ప్రత్యేక API). రెండూ ఫుల్-స్టాక్‌నే.

సాధారణ తప్పులు మరియు అపోహలు

• "పూర్తయినట్లు కనిపిస్తే, అది పూర్తయింది." నమూనా డేటా మరియు పని చేస్తున్నట్లు కనిపించే బటన్ సేవ్ అయిన డేటాతో సమానం కాదు. పేజీని రిఫ్రెష్ చేయండి, ప్రైవేట్ విండోలో తెరవండి, మరియు డేటా ఇంకా ఉందో తనిఖీ చేయండి.
• నియమాలను ఫ్రంట్‌ఎండ్‌లో పెట్టడం. బటన్ దాచడం భద్రత కాదు. బ్యాక్‌ఎండ్ తనిఖీ చేయకపోతే, అభ్యర్థన ఎలా చేయాలో తెలిసిన ఎవరైనా దాన్ని చేయగలరు.
• సీక్రెట్ కీలను ఫ్రంట్‌ఎండ్‌లో ఉంచడం. బ్రౌజర్ కోడ్‌లో చెల్లింపు లేదా AI ప్రొవైడర్ కీ ఉంటే ప్రతి సందర్శకుడు చదవగలరు. కీలు బ్యాక్‌ఎండ్‌లో, ఎన్విరాన్‌మెంట్ వేరియబుల్స్‌లో ఉండాలి — ఎన్విరాన్‌మెంట్ వేరియబుల్స్ మరియు సీక్రెట్‌లు చూడండి.
• ఫుల్-స్టాక్ అంటే సంక్లిష్టం అని భావించడం. చిన్న ఫుల్-స్టాక్ యాప్ కొన్ని స్క్రీన్‌లు, కొన్ని బ్యాక్‌ఎండ్ రూట్‌లు మరియు మూడు డేటాబేస్ టేబుల్స్ కావచ్చు. ఇది పొరల వివరణ, పరిమాణం కాదు.
• ప్రతి టెక్నాలజీని మీరే ఎంచుకోవాలని భావించడం. మొదటి వెర్షన్‌కు ఏ సహేతుకమైన, విస్తృతంగా ఉపయోగించే స్టాక్ అయినా సరిపోతుంది. డేటా మరియు నియమాల స్పష్టమైన వివరణ ఎక్కువ ముఖ్యం.

మీ AI బిల్డర్‌ను ఏమి అడగాలి

పొరల పేర్లు తెలియకపోయినా, యాప్‌ను ఆ మూడు పొరల పరంగా వివరించండి:

• డేటా: "క్లాసులు (పేరు, సమయం, సామర్థ్యం) మరియు బుకింగ్‌లు (క్లాస్, వ్యక్తి, బుక్ చేసిన సమయం) డేటాబేస్‌లో నిల్వ చేయండి."
• నియమాలు: "క్లాస్ సామర్థ్యం దాటి బుక్ చేయలేరు. ఒక వ్యక్తి ఒక క్లాస్‌ను ఒకసారి మాత్రమే బుక్ చేయగలరు. ఎవరు బుక్ చేశారో అడ్మిన్‌లు మాత్రమే చూడగలరు."
• స్క్రీన్‌లు: "వారపు టైమ్‌టేబుల్, బుకింగ్ నిర్ధారణ, క్లాస్‌కు బుకింగ్‌లు చూపే అడ్మిన్ పేజీ."
• తనిఖీలు: "ఈ నియమాలను కేవలం పేజీలో కాకుండా సర్వర్‌లో అమలు చేయండి. API కీలను సర్వర్‌లో ఉంచండి."

ఆ తర్వాత సందేహంతో పరీక్షించండి: రిఫ్రెష్ చేయండి, ఇద్దరు వేర్వేరు వ్యక్తులుగా సైన్ ఇన్ చేయండి, మీరు చూడకూడని డేటాను చూడటానికి ప్రయత్నించండి. AI తో యాప్ నిర్మించడం ఎలా గైడ్ ఈ లూప్‌ను మొత్తంగా వివరిస్తుంది.

Mythex లో ఫుల్-స్టాక్ యాప్‌లు

Mythex చాట్ వివరణ నుండి ఫుల్-స్టాక్ వెబ్ యాప్‌లను నిర్మిస్తుంది. డిఫాల్ట్‌గా కొత్త యాప్‌కు React మరియు TypeScript ఫ్రంట్‌ఎండ్ వస్తుంది; యాప్‌కు డేటా సేవ్ చేయాల్సి వచ్చినప్పుడు, Mythex ప్రాజెక్ట్‌కు ఒక ప్రత్యేక Postgres డేటాబేస్ జోడిస్తుంది, మరియు వెబ్‌సైట్‌తో పాటు ప్రత్యేక API సర్వర్ (ఉదా Python, Node, C# లేదా Java) కోరవచ్చు. అన్నీ కలిసి లైవ్ ప్రివ్యూలో నడిచి పబ్లిక్ URL కు ప్రచురించబడతాయి. బహుళ-సర్వీస్ యాప్‌లపై డాక్స్ పేజీ వెబ్‌సైట్ మరియు API ఎలా కలిసి ప్రివ్యూ మరియు ప్రచురించబడతాయో చూపుతుంది, మరియు ఫుల్-స్టాక్ యాప్ బిల్డర్ పేజీలో ప్రారంభ బిందువులు ఉన్నాయి.

ప్రశ్నలు