విషయము
- PWA లు వర్సెస్ స్థానిక అనువర్తనాలు: తేడా ఏమిటి?
- ప్రగతిశీల వెబ్ అనువర్తనాలు: వెబ్ కోసం భవనం
- పిడబ్ల్యుఎల బలాలు
- పిడబ్ల్యుఎల బలహీనతలు
- స్థానికంగా స్పందించండి
- రియాక్ట్ నేటివ్ యొక్క బలాలు
- రియాక్ట్ నేటివ్ యొక్క బలహీనతలు
- నేటివ్‌స్క్రిప్ట్
- నేటివ్‌స్క్రిప్ట్ యొక్క బలాలు
- నేటివ్‌స్క్రిప్ట్ యొక్క బలహీనతలు
అనువర్తనాన్ని రూపొందించేటప్పుడు మీరు ఏ విధానాన్ని తీసుకోవాలి? మీరు పిడబ్ల్యుఎ / వెబ్ టెక్నాలజీస్ మార్గాన్ని తీసుకోవాలా లేదా మీరు స్థానికంగా వెళ్లి నిర్దిష్ట ప్లాట్‌ఫారమ్‌ల కోసం రూపకల్పన చేయాలా? రెండు ఎంపికలు వాటి రెండింటికీ ఉన్నాయి, మరియు ఈ వ్యాసంలో వెబ్ మరియు స్థానిక అనువర్తనాలను రూపొందించడానికి ఉపయోగించే కొన్ని ప్రసిద్ధ ఎంపికలపై దృష్టి పెడతాము.
PWA లు (ప్రోగ్రెసివ్ వెబ్ అనువర్తనాలు) అకా వెబ్ అనువర్తనాలు, ప్రసిద్ధ వెబ్ టెక్నాలజీలతో HTML, CSS మరియు జావాస్క్రిప్ట్‌లతో నిర్మించబడ్డాయి మరియు వెబ్ బ్రౌజర్‌లో పనిచేస్తాయి. (మీ నిర్మాణాలకు సహాయపడటానికి అవసరమైన కొన్ని HTML ట్యాగ్‌లను చూడండి.) PWA లు అనువర్తనం వలె రూపొందించబడిన మొబైల్ వెబ్‌సైట్‌లు, మరియు వెబ్ API ల ఉపయోగం వారికి స్థానిక అనువర్తనం మాదిరిగానే కార్యాచరణను ఇస్తుంది.
అనువర్తన నిర్మాణం గురించి మరింత సలహా కోసం, అనువర్తనాన్ని ఎలా తయారు చేయాలో మా పోస్ట్ చూడండి లేదా మీరు సృష్టించాలనుకుంటున్న సైట్ అయితే ఈ అగ్ర వెబ్‌సైట్ బిల్డర్లు మరియు వెబ్ హోస్టింగ్ సేవలను చూడండి.
PWA లు వర్సెస్ స్థానిక అనువర్తనాలు: తేడా ఏమిటి?
ప్రోగ్రెసివ్ వెబ్ అనువర్తనాలు అనువర్తన స్టోర్ అవసరం లేకుండా ఇన్‌స్టాల్ చేయగల మరియు పరికరంలో నివసించే ప్రయోజనాన్ని కలిగి ఉంటాయి. మరియు, ఈ ప్రక్రియలో ఒక భాగం వెబ్ అనువర్తన మానిఫెస్ట్, ఇది అనువర్తనం ఎలా కనిపిస్తుంది మరియు ఎలా ప్రారంభించబడుతుందో నియంత్రించడానికి డెవలపర్‌లను అనుమతిస్తుంది. అలాగే, వెబ్ డిజైనర్లు / ఫ్రంట్ ఎండ్ డెవలపర్లు వెంటనే భవనం ప్రారంభించడానికి అవసరమైన నైపుణ్యాలను కలిగి ఉంటారు. స్థానిక అనువర్తనాల మాదిరిగా క్రొత్త భాషను నేర్చుకోవలసిన అవసరం లేదు.
స్థానిక అనువర్తనాలు నిర్దిష్ట OS ని దృష్టిలో ఉంచుకొని నిర్మించబడ్డాయి - అనగా. iOS మరియు Android - మరియు ఆ ప్రయోజనాన్ని నెరవేర్చడానికి ఫ్రేమ్‌వర్క్ లేదా భాషను ఉపయోగించండి. iOS అనువర్తనాలు సాధారణంగా Xcode లేదా Swift మరియు Android అనువర్తనాలు, JavaScript ను ఉపయోగిస్తాయి. కానీ, ఈ వ్యాసం కోసం మేము రెండు ప్లాట్‌ఫామ్‌ల కోసం పనిచేసే జావాస్క్రిప్ట్-ఆధారిత ఓపెన్ సోర్స్ ఫ్రేమ్‌వర్క్‌లపై - రియాక్ట్ నేటివ్ మరియు నేటివ్‌స్క్రిప్ట్‌పై దృష్టి పెడతాము.
స్థానిక అనువర్తనాల యొక్క ప్రయోజనాలు ఏమిటంటే అవి పరికరాల హార్డ్‌వేర్ మరియు సాఫ్ట్‌వేర్‌లను బాగా ఉపయోగించుకుంటాయి, వేగంగా మరియు మరింత ప్రతిస్పందిస్తాయి మరియు అనువర్తన దుకాణాల్లో రేటింగ్ ఉన్నప్పటికీ మీకు నాణ్యమైన హామీ లభిస్తుంది. కానీ, దీని అర్థం ఒక నిర్దిష్ట ఫ్రేమ్‌వర్క్ లేదా లైబ్రరీని ఎలా ఉపయోగించాలో నేర్చుకోవాలి.
ఇక్కడ మేము మూడు వేర్వేరు ఎంపికలను పరిశీలిస్తాము - ఒకటి వెబ్ (పిడబ్ల్యుఎ) మరియు రెండు స్థానిక (రియాక్ట్ నేటివ్, నేటివ్‌స్క్రిప్ట్) - అనువర్తనాన్ని రూపొందించడానికి. మీ అనువర్తనాన్ని రూపొందించడానికి మీరు ఏ ఎంపికను ఎంచుకోవాలో నిర్ణయించడంలో మీకు సహాయపడటానికి వారు ఎలా పని చేస్తారు, వారు ఏమి చేయగలరు మరియు వారి బలాలు మరియు బలహీనతలను చూస్తాము.
ప్రగతిశీల వెబ్ అనువర్తనాలు: వెబ్ కోసం భవనం
పిడబ్ల్యుఎల బలాలు
- అనువర్తనాలు బ్రౌజర్‌లో కూడా పనిచేస్తాయి
- పంపిణీ: బ్రౌజర్, ఎంటర్ప్రైజ్ మరియు అనువర్తన దుకాణాలు
- రియాక్ట్, కోణీయ, వియు, వనిల్లా లేదా ఇతర ఫ్రేమ్‌వర్క్‌లను ఉపయోగించుకోవచ్చు
పిడబ్ల్యుఎల బలహీనతలు
- ప్రతి స్థానిక API కి ప్రాప్యత లేదు
- IOS మరియు iPadOS లో సామర్థ్యాలు మరియు స్టోర్ పంపిణీ పరిమితం
- ఇది నిరంతర పరిణామంలో ఉంది
వెబ్ స్టాక్‌ను ఉపయోగించి అధిక-పనితీరు, ఆఫ్‌లైన్, ఇన్‌స్టాల్ చేయదగిన అనువర్తనాలను రూపొందించడానికి PWA లు ప్రస్తుత డిజైన్ నమూనా: HTML, CSS, జావాస్క్రిప్ట్ మరియు బ్రౌజర్‌ల API లు. సేవా కార్మికుడికి మరియు వెబ్ అనువర్తన మానిఫెస్ట్ స్పెక్స్‌కు ధన్యవాదాలు, మేము ఇప్పుడు Android, iOS, iPadOS, Windows, macOS, Chrome OS మరియు Linux కోసం ఇన్‌స్టాల్ చేసిన తర్వాత ఫస్ట్-క్లాస్ అనువర్తన అనుభవాన్ని సృష్టించవచ్చు.
PWA లను సృష్టించడానికి, మీరు ఏదైనా నిర్మాణాన్ని ఉపయోగించవచ్చు: సర్వర్-సైడ్, వనిల్లా జావాస్క్రిప్ట్, రియాక్ట్, వే, కోణీయ లేదా ఇతర క్లయింట్-సైడ్ ఫ్రేమ్‌వర్క్‌ల నుండి. ఇది ఒకే పేజీ అనువర్తనం లేదా బహుళ-పేజీ వెబ్ అనువర్తనం కావచ్చు మరియు ఆఫ్‌లైన్‌లో ఉన్నప్పుడు వినియోగదారులకు ఎలా మద్దతు ఇవ్వబోతున్నామో మేము నిర్వచించాము.
ఈ విధానంలో, మేము మా అనువర్తనం యొక్క వనరులను ప్యాకేజీ చేసి సంతకం చేయవలసిన అవసరం లేదు: మేము ఫైల్‌లను వెబ్ సర్వర్‌లో హోస్ట్ చేస్తాము మరియు క్లయింట్‌లోని ఫైల్‌లను కాష్ చేయడానికి మరియు సంస్థాపన తర్వాత వాటిని అందించడానికి సేవా ఉద్యోగి బాధ్యత వహిస్తాడు. అనువర్తనానికి నవీకరణ అవసరమైతే, మీరు సర్వర్‌లోని ఫైల్‌లను మార్చండి మరియు వినియోగదారు లేదా అనువర్తన స్టోర్ జోక్యం లేకుండా వినియోగదారుల పరికరాల్లో వాటిని నవీకరించడానికి సేవా కార్మికుల తర్కం బాధ్యత వహిస్తుంది.
పంపిణీ పరంగా, అత్యంత సాధారణ పద్ధతి బ్రౌజర్. ఇన్‌స్టాల్ చేయడానికి ఆహ్వానాన్ని అంగీకరించడం ద్వారా లేదా అనుకూల ప్లాట్‌ఫామ్‌లపై అనుకూల వెబ్ అనువర్తన వినియోగదారు ఇంటర్‌ఫేస్‌ను ఉపయోగించడం ద్వారా వినియోగదారులు హోమ్ స్క్రీన్‌కు జోడించు లేదా మెను ఐటెమ్‌ను ఇన్‌స్టాల్ చేయడం ద్వారా బ్రౌజర్ నుండి అనువర్తనాన్ని ఇన్‌స్టాల్ చేస్తారు. యాప్ స్టోర్‌లో ప్రచురించబడిన స్వచ్ఛమైన పిడబ్ల్యుఎలను ఆపిల్ తిరస్కరిస్తుంది మరియు వెబ్ డెవలపర్‌లను సఫారి ద్వారా పంపిణీ చేయమని ప్రోత్సహిస్తుంది.
వినియోగదారు ఇంటర్ఫేస్ వెబ్ రన్‌టైమ్ ద్వారా పూర్తిగా నిర్వహించబడుతుంది, అంటే తెరపై ప్రతి నియంత్రణను అందించడానికి వెబ్ డిజైనర్ బాధ్యత వహిస్తాడు. మీరు అయోనిక్ లేదా మెటీరియల్ డిజైన్ లైబ్రరీ వంటి UI ఫ్రేమ్‌వర్క్‌ను ఉపయోగిస్తే, HTML మరియు CSS Android లేదా iOS లో స్థానిక ఇంటర్‌ఫేస్‌లను అనుకరిస్తాయి కాని ఇది తప్పనిసరి కాదు.PWA లను చేస్తున్నప్పుడు, మంచి వినియోగదారు అనుభవాన్ని ఉంచడానికి వెబ్ పనితీరు పద్ధతులను వర్తింపచేయడం తప్పనిసరి.
సామర్ధ్యాల పరంగా, ఆ ప్లాట్‌ఫారమ్‌లోని బ్రౌజర్ ఇంజిన్‌లో అందుబాటులో ఉన్న API లకు మాత్రమే PWA కి ప్రాప్యత ఉంటుంది మరియు ఇది స్థానిక కోడ్‌తో విస్తరించబడదు - అనువర్తన స్టోర్ PWA పంపిణీలను మినహాయించి. ఈ విషయంలో, iOS మరియు iPadOS లు PWA లకు ఎక్కువ పరిమిత ప్లాట్‌ఫారమ్‌లు, అయితే Chrome (Android మరియు డెస్క్‌టాప్ OS ల కోసం) ఎక్కువ లభ్యతను కలిగి ఉంది మరియు ఫుగు ప్రాజెక్ట్‌తో జావాస్క్రిప్ట్‌కు సాధ్యమయ్యే ప్రతి API ని జోడించడానికి తీవ్రంగా కృషి చేస్తోంది.
- ఉత్తమ క్లౌడ్ నిల్వ: మీ కోసం సరైన ఎంపికను ఎంచుకోండి.
స్థానికంగా స్పందించండి
రియాక్ట్ నేటివ్ యొక్క బలాలు
- React.js మాదిరిగానే అదే నమూనాలు
- కొన్ని వెబ్ API లు బహిర్గతమవుతాయి
- వెబ్ మరియు డెస్క్‌టాప్ మద్దతు
రియాక్ట్ నేటివ్ యొక్క బలహీనతలు
- వెబ్ UI భాగాలను తిరిగి ఉపయోగించలేరు
- స్థానిక వంతెనకు కొంత పని అవసరం
- ప్రతిచర్య అనుభవం అవసరం
రియాక్ట్ నేటివ్ అనేది ఓపెన్ సోర్స్ జావాస్క్రిప్ట్-ఆధారిత కాంపోనెంట్ ఫ్రేమ్‌వర్క్, ఇది ఫేస్‌బుక్ చేత స్పాన్సర్ చేయబడింది, ఇది రియాక్ట్ డిజైన్ నమూనాలను ఉపయోగిస్తుంది, అలాగే iOS, ఐప్యాడోస్ మరియు ఆండ్రాయిడ్ కోసం స్థానిక అనువర్తనాలను ఒక సోర్స్ కోడ్ నుండి కంపైల్ చేయడానికి జావాస్క్రిప్ట్ భాషను ఉపయోగిస్తుంది.
కానీ రెండరింగ్ కోసం HTML అంశాలు ఏవీ అంగీకరించబడవు; ఇతర స్థానిక భాగాలు మాత్రమే చెల్లుతాయి. కాబట్టి, రెండరింగ్ చేయడానికి బదులుగా a div> ఒక తో p> మరియు ఒక ఇన్పుట్> JSX తో మూలకం, మీరు రెండరింగ్ అవుతారు చూడండి> ఒక తో వచనం> మరియు ఒక టెక్స్ట్ఇన్పుట్>. స్టైలింగ్ భాగాల కోసం, మీరు ఇప్పటికీ CSS ను ఉపయోగిస్తున్నారు మరియు లేఅవుట్ ఫ్లెక్స్‌బాక్స్ ద్వారా నిర్వచించబడుతుంది.
వినియోగదారు ఇంటర్ఫేస్ బ్రౌజర్ యొక్క DOM లో ఇవ్వబడదు కాని Android మరియు iOS లోని స్థానిక వినియోగదారు ఇంటర్ఫేస్ లైబ్రరీలను ఉపయోగిస్తుంది. అందువలన, a బటన్> రియాక్ట్ నేటివ్ లో iOS మరియు UB లో UIButton యొక్క ఉదాహరణ అవుతుంది android.widget.Button Android లో తరగతి; రియాక్ట్ నేటివ్‌లో వెబ్ రన్‌టైమ్ లేదు.
ఏదేమైనా, అన్ని జావాస్క్రిప్ట్ కోడ్ పరికరంలో జావాస్క్రిప్ట్ వర్చువల్ మెషీన్లో అమలు చేయబడుతుంది, కాబట్టి అనువర్తనాన్ని కంపైల్ చేసేటప్పుడు నిజమైన స్థానిక కోడ్ మార్పిడికి జావాస్క్రిప్ట్ లేదు. వెబ్ డెవలపర్‌ల కోసం ఫెచ్ API, వెబ్‌సాకెట్స్ మరియు బ్రౌజర్ టైమర్‌ల వంటి ప్రసిద్ధ API ల సమితి ఉంది: setInterval మరియు requestAnimationFrame. యానిమేషన్‌లు వంటి అనుకూల API ల ద్వారా ఇతర సామర్థ్యాలు ప్లాట్‌ఫారమ్‌లో అమర్చబడతాయి.
మీరు రెండు ఉచిత CLI లతో శీఘ్ర రియాక్ట్ స్థానిక ప్రాజెక్ట్ను ప్రారంభించవచ్చు: ఎక్స్‌పో లేదా మరింత అధునాతన మరియు అధికారిక రియాక్ట్ నేటివ్ CLI. మీరు అధికారిక CLI ని ఉపయోగిస్తుంటే, iOS మరియు iPadOS లలో అదే విధంగా చేయడానికి Android అనువర్తనం మరియు Xcode ను కంపైల్ చేయడానికి మరియు పరీక్షించడానికి మీకు Android స్టూడియో అవసరం, కాబట్టి మీకు ఆ ప్లాట్‌ఫామ్ కోసం మాకోస్ కంప్యూటర్ అవసరం.
రియాక్ట్ నేటివ్ iOS మరియు Android కోసం స్థానిక అనువర్తనాలను కంపైల్ చేస్తుంది, అంటే మీ అనువర్తనం పంపిణీ ఇతర స్థానిక అనువర్తనాల మాదిరిగానే నియమాలను అనుసరిస్తుంది: పబ్లిక్ అనువర్తనాల కోసం అనువర్తన దుకాణాలు, సంస్థ పంపిణీ మరియు ఆల్ఫా / బీటా పరీక్ష. సాధారణంగా, మీరు బ్రౌజర్ ద్వారా అనువర్తనాన్ని పంపిణీ చేయలేరు, అయినప్పటికీ వెబ్ కోసం స్థానికంగా స్పందించండి మరియు విండోస్ ప్లాట్‌ఫారమ్‌ల కోసం మైక్రోసాఫ్ట్ యొక్క రియాక్ట్ నేటివ్ సహాయపడుతుంది.
నేటివ్‌స్క్రిప్ట్
నేటివ్‌స్క్రిప్ట్ యొక్క బలాలు
- కోడింగ్ మరియు పరీక్ష కోసం మంచి సాధనాలు
- అనువర్తనాల యొక్క విస్తృతమైన గ్యాలరీ ఆడటానికి సిద్ధంగా ఉంది
- అన్ని Android మరియు iOS API లు JS లో బహిర్గతమవుతాయి
నేటివ్‌స్క్రిప్ట్ యొక్క బలహీనతలు
- చిన్న సంఘం
- వెబ్ UI భాగాలను తిరిగి ఉపయోగించలేరు
- వెబ్, డెస్క్‌టాప్ లేదా రియాక్ట్ మద్దతు లేదు
నేటివ్‌స్క్రిప్ట్ రియాక్ట్ నేటివ్ అని అంతగా తెలియదు కాని ఇది అదే రంగంలో పోటీపడుతుంది: జావాస్క్రిప్ట్ మరియు వెబ్ ఫ్రేమ్‌వర్క్‌ల నుండి స్థానిక iOS మరియు Android అనువర్తనాలు. స్థానిక అనువర్తనాలను సృష్టించడానికి జావాస్క్రిప్ట్ లేదా టైప్‌స్క్రిప్ట్ మరియు ఒక XML యూజర్ ఇంటర్ఫేస్ ఫైల్‌ను ఉపయోగించడానికి ఇది మిమ్మల్ని అనుమతిస్తుంది. ఇది పెట్టె వెలుపల కోణీయ మరియు Vue కి కూడా మద్దతు ఇస్తుంది, కాబట్టి ఈ ఫ్రేమ్‌వర్క్‌లకు ఉపయోగించే డెవలపర్‌లకు ఇది గొప్ప పరిష్కారం.
మీరు కోణీయ లేదా వియుని ఉపయోగించినప్పుడు నేటివ్‌స్క్రిప్ట్ యొక్క ప్రయోజనాలు స్పష్టంగా కనిపిస్తాయి. కోణీయ కోసం, మీరు ఉపయోగించిన అదే భాగాలను మీరు సృష్టిస్తారు కాని అన్ని డేటా బైండింగ్లతో సహా టెంప్లేట్ కోసం HTML కు బదులుగా XML ను ఉపయోగిస్తున్నారు. XML లో, బదులుగా a div> ఒక తో p> మరియు ఒక img>, మీరు ఒక ఉంచుతారు స్టాక్‌లేఅవుట్> ఒక తో లేబుల్> మరియు ఒక చిత్రం> భాగం.
CSS మరియు సాస్ బ్రౌజర్‌లో CSS కు సమానమైన శైలులతో మద్దతు ఇస్తాయి. ప్రామాణిక కోణీయ సేవల అమలు ద్వారా రూటింగ్ మరియు నెట్‌వర్క్ నిర్వహణ జరుగుతుంది. Vue కోసం, ఇది ఇలాంటిదే; మీరు HTML ను అదే విధంగా ఉపయోగించకుండా XML లో టెంప్లేట్ వ్రాస్తారు టెంప్లేట్> మీ .vue ఫైల్‌లోని మూలకం.
నేటివ్‌స్క్రిప్ట్‌లో ఆండ్రాయిడ్ లేదా iOS స్థానిక నియంత్రణకు మ్యాప్ చేయబడిన భాగాల సమాహారం ఉంటుంది, కాబట్టి మీరు జాబితా లేదా పికర్‌ను అందించినప్పుడు, ఇది స్థానిక అనువర్తనం అవుతుంది, రియాక్ట్ నేటివ్‌లో ఉన్న అదే ఆలోచనను ఉపయోగిస్తుంది.
మీ జావాస్క్రిప్ట్ లేదా టైప్‌స్క్రిప్ట్ కోడ్ (ట్రాన్స్‌పిల్డ్) ఆన్-డివైస్ జావాస్క్రిప్ట్ వర్చువల్ మెషీన్లో స్థానిక పర్యావరణానికి / వంతెనతో అమలు చేయబడుతుంది. ఆ వంతెనలో, Android లేదా iOS / iPadOS నుండి వచ్చిన మొత్తం స్థానిక API లు బహిర్గతమవుతాయి, కాబట్టి క్రాస్-ప్లాట్‌ఫాం API లకు ప్రాప్యత ఉన్నప్పటికీ, మేము జావాస్క్రిప్ట్ / టైప్‌స్క్రిప్ట్ మరియు నేటివ్‌స్క్రిప్ట్ నుండి ఏదైనా జావా లేదా ఆబ్జెక్టివ్-సి కోడ్‌ను తక్షణం లేదా కాల్ చేయవచ్చు.
VS కోడ్ ప్లగిన్లు, CLI, హాట్-రీలోడ్ టెస్టింగ్ సిస్టమ్ మరియు నేటివ్‌స్క్రిప్ట్ ప్లేగ్రౌండ్ అనువర్తనంతో సహా టూలింగ్ కోసం నేటివ్‌స్క్రిప్ట్‌కు గొప్ప మద్దతు ఉంది, కాబట్టి మీరు పరీక్షించేటప్పుడు అన్ని డిపెండెన్సీలను ఇన్‌స్టాల్ చేయవలసిన అవసరం లేదు, అలాగే ఆన్‌లైన్ వంటి అనేక అదనపు సేవలు ఆట స్థలం.
చివరగా, నేటివ్‌స్క్రిప్ట్ Android మరియు iOS కోసం ఒక అనువర్తనాన్ని మాత్రమే కంపైల్ చేస్తుంది, మీరు వారి నియమాలు, సంస్థ పంపిణీ మరియు ఆల్ఫా / బీటా పరీక్షలకు అనుగుణంగా ఉంటే అధికారిక పంపిణీ ఛానెల్‌లు మరియు అనువర్తన దుకాణాల నుండి ఇన్‌స్టాల్ చేయవచ్చు. సాధారణంగా బ్రౌజర్ నుండి అనువర్తనాలను పంపిణీ చేయడానికి మార్గం ఉండదు మరియు ఈ ప్లాట్‌ఫామ్ కోసం డెస్క్‌టాప్ అనువర్తనాలకు పరిష్కారాలు లేవు.
ఈ వ్యాసం మొదట ప్రచురించబడింది ఇష్యూ 325 వెబ్ డిజైనర్లు మరియు డెవలపర్‌ల కోసం ప్రపంచంలో అత్యధికంగా అమ్ముడైన పత్రిక. కొనుగోలు ఇష్యూ 325 లేదా సభ్యత్వాన్ని పొందండి నెట్ కు.
GenerateJS వద్ద మా జావాస్క్రిప్ట్ సూపర్ స్టార్ల శ్రేణితో ఏప్రిల్ 2020 లో మాతో చేరండి - మంచి జావాస్క్రిప్ట్‌ను నిర్మించడంలో మీకు సహాయపడే సమావేశం. వద్ద ఇప్పుడు బుక్ చేయండిgenerateconf.com
