Esp8266 తో అజాక్స్: రీలోడ్ చేయకుండా డైనమిక్ వెబ్ పేజీ నవీకరణ

అనేక IoT అనువర్తనాల్లో, సెన్సార్ డేటాను నిరంతరం పర్యవేక్షించాల్సిన పరిస్థితులు ఉన్నాయి మరియు HTML వెబ్‌పేజీకి సేవలు అందించే ESP8266 వెబ్‌సర్వర్‌ను ప్రారంభించడం ద్వారా దీన్ని చేయటానికి సులభమైన మార్గం; కానీ ఈ పద్దతితో సమస్య ఏమిటంటే, నవీకరించబడిన సెన్సార్ డేటాను పొందడానికి వెబ్ బ్రౌజర్‌ను నిర్దిష్ట సమయ వ్యవధిలో రిఫ్రెష్ చేయాలి. ఇది అసమర్థమైనది మాత్రమే కాదు, ఇతర పనులను చేయగల గడియార చక్రాలను చాలా తీసుకుంటుంది. ఈ సమస్యకు పరిష్కారాన్ని “అసమకాలిక జావాస్క్రిప్ట్ మరియు XML” లేదా సంక్షిప్తంగా అజాక్స్ అంటారు. అజాక్స్ ఉపయోగించి, మొత్తం వెబ్‌పేజీని రిఫ్రెష్ చేయకుండా మేము నిజ-సమయ డేటాను పర్యవేక్షించగలము, ఇది సమయాన్ని ఆదా చేయడమే కాదు, విలువైన గడియార చక్రాలను కూడా ఆదా చేస్తుంది. అనుసరించండి మరియు ఈ వ్యాసంలో, ESP8266 పై AJAX ఆధారిత వెబ్‌సర్వర్‌ను ఎలా అమలు చేయాలో మీరు నేర్చుకుంటారు.

అజాక్స్ అంటే ఏమిటి?

మేము ముందుగా చర్చించిన వంటి, AJAX ఉన్నచో "అసిన్క్రోనస్ జావాస్క్రిప్ట్ మరియు XML" సంక్రమించు పేజీ రీలోడ్ లేకుండా వెబ్ పేజీ యొక్క ఒక భాగం అప్డేట్ ఉపయోగించవచ్చు ఇది. ఇది సర్వర్ నుండి డేటాను ఆకస్మికంగా అభ్యర్థించడం మరియు స్వీకరించడం ద్వారా చేస్తుంది. వెబ్ కంటెంట్‌ను అసమకాలికంగా నవీకరించడం AJAX యొక్క పని. దీని అర్థం పేజీలోని కంటెంట్‌లో కొంత భాగాన్ని మాత్రమే నవీకరించాల్సిన అవసరం ఉన్నప్పుడు యూజర్ వెబ్ బ్రౌజర్ మొత్తం వెబ్ పేజీని రిఫ్రెష్ చేయనవసరం లేదు.

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

అజాక్స్ ఎలా పనిచేస్తుంది?

అజాక్స్ కలయికను ఉపయోగిస్తుంది-

1. XML (ఎక్స్‌టెన్సిబుల్ మార్కప్ లాంగ్వేజ్)
2. జావాస్క్రిప్ట్ మరియు HTML

• XML (ఎక్స్‌టెన్సిబుల్ మార్కప్ లాంగ్వేజ్):

XML ఒక మార్కప్ భాష. నిర్దిష్ట ఆకృతితో సర్వర్ డేటాను స్వీకరించడానికి XML ఎక్కువగా ఉపయోగించబడుతుంది. ఇది సాదా వచనం రూపంలో డేటాను అందుకోగలిగినప్పటికీ. ఒక వినియోగదారు వెబ్ పేజీని సందర్శించినప్పుడు మరియు ఒక సంఘటన జరిగినప్పుడు, అది “బటన్ ప్రెస్”, జావాస్క్రిప్ట్ ఒక XMLHttpRequest ఆబ్జెక్ట్‌ను సృష్టిస్తుంది, ఆపై వెబ్ బ్రౌజర్ మరియు వెబ్ సర్వర్ మధ్య XML ఆకృతిలో సమాచారాన్ని బదిలీ చేస్తుంది. XMLHttpRequest ఆబ్జెక్ట్ వెబ్ సర్వర్‌కు నవీకరించబడిన పేజీ డేటా కోసం ఒక అభ్యర్థనను పంపుతుంది, సర్వర్ అభ్యర్థనను ప్రాసెస్ చేస్తుంది, సర్వర్ వైపు ఒక ప్రతిస్పందన సృష్టించబడుతుంది మరియు బ్రౌజర్‌కు తిరిగి పంపబడుతుంది, ఇది ప్రతిస్పందనను ప్రాసెస్ చేయడానికి మరియు వెబ్‌పేజీలో ప్రదర్శించడానికి జావాస్క్రిప్ట్‌ను ఉపయోగిస్తుంది..

• జావాస్క్రిప్ట్ మరియు HTML:

జావాస్క్రిప్ట్ AJAX లో నవీకరణ ప్రక్రియను చేస్తుంది. నవీకరించబడిన కంటెంట్ కోసం అభ్యర్థన అర్థమయ్యేలా XML లో ఫార్మాట్ చేయబడింది మరియు నవీకరించబడిన పేజీని చూసే వినియోగదారు కోసం జావాస్క్రిప్ట్ కంటెంట్‌ను రిఫ్రెష్ చేస్తుంది.

అజాక్స్ వర్కింగ్:

పై రేఖాచిత్రంలో చూపినట్లుగా, AJAX అభ్యర్థన కోసం, బ్రౌజర్ జావాస్క్రిప్ట్ ఉపయోగించి సర్వర్‌కు XMLHttpRequest ను పంపుతుంది. ఈ వస్తువు సర్వర్‌కు అభ్యర్థించిన దాన్ని తెలియజేసే డేటాను కలిగి ఉంటుంది. క్లయింట్ వైపు నుండి అభ్యర్థించిన డేటాతో మాత్రమే సర్వర్ ప్రతిస్పందిస్తుంది. అప్పుడు బ్రౌజర్ డేటాను స్వీకరిస్తుంది, మొత్తం వెబ్‌పేజీని రీలోడ్ చేయడానికి బదులుగా నవీకరించాల్సిన పేజీ యొక్క భాగాన్ని మాత్రమే నవీకరిస్తుంది.

భాగాలు AJAX మరియు ESP8266 ఆధారిత వెబ్ సర్వర్‌ను నిర్మించడానికి అవసరం

AJAX ను నిర్వహించడానికి esp8266 యొక్క సామర్థ్యాన్ని ప్రదర్శించడానికి మేము ప్రాజెక్ట్ను నిర్మిస్తున్నప్పుడు, భాగం అవసరం చాలా మైనస్, మీరు మీ స్థానిక అభిరుచి దుకాణంలో చాలా మందిని కనుగొనవచ్చు.

• నోడ్ఎంసియు ఎక్స్ 1
• LM35 ఉష్ణోగ్రత సెన్సార్ X 1
• LED X 1
• బ్రెడ్‌బోర్డ్ X 1
• జంపర్స్ ఎక్స్ 4
• ప్రోగ్రామింగ్ కేబుల్ X 1

అజాక్స్ మరియు ESP8266 వెబ్ సర్వర్ - సర్క్యూట్ రేఖాచిత్రం

AJAX- ఆధారిత వెబ్‌సర్వర్ కోసం సర్క్యూట్ రేఖాచిత్రం క్రింద చూపబడింది.

సర్క్యూట్ చాలా సులభం కాబట్టి, దాని గురించి వివరించడానికి పెద్దగా ఏమీ లేదు. మేము ESP8266 యొక్క పిన్ D0 కి 150 ఓంస్ కరెంట్ లిమిటింగ్ రెసిస్టర్‌తో LED ని కనెక్ట్ చేసాము, మీరు చూసేటట్లు, వెబ్‌సర్వర్ ఉపయోగించి దాన్ని టోగుల్ చేయవచ్చు. తరువాత, మన LM35 ఉష్ణోగ్రత సెన్సార్ ఉంది, దీని ద్వారా మేము ఉష్ణోగ్రత విలువను చదువుతాము మరియు దానిని వెబ్‌పేజీకి నవీకరిస్తాము. ఉష్ణోగ్రత సెన్సార్ 3.3V రైలు నుండి శక్తిని పొందుతుంది మరియు LM35 అనలాగ్ సెన్సార్ కాబట్టి, డేటాను కొలవడానికి మేము ESP8266 బోర్డు యొక్క A0 పిన్ను ఉపయోగించాము. మీరు మొదటిసారి LM35 ఉష్ణోగ్రత సెన్సార్‌లోకి వచ్చినట్లయితే, లేదా మీరు చాలా చక్కని చిన్న సెన్సార్ గురించి మరింత తెలుసుకోవాలనుకుంటే, మీరు మా మునుపటి పోస్ట్‌ను డిజిటల్ థర్మామీటర్‌లో నోడ్ఎంసియు మరియు ఎల్‌ఎం 35 ఉపయోగించి తనిఖీ చేయవచ్చు, ఇక్కడ మేము ఈ సెన్సార్ పని గురించి చర్చించాము వివరాలు.

ESP8266 కోసం AJAX బేస్డ్ వెబ్ సర్వర్ కోడ్

మేము ఇంకా ముందుకు వెళ్ళేముందు, మా నోడ్ఎంసియు వెబ్ సర్వర్ ఎలా పనిచేస్తుందో అర్థం చేసుకోవడానికి నేరుగా ప్రోగ్రామ్‌లోకి ప్రవేశిద్దాం. కానీ దీనికి ముందు, దయచేసి మీకు ESP8266 కోసం Arduino IDE సెటప్ ఉందని నిర్ధారించుకోండి, మీకు సెటప్ లేకపోతే, మీరు తదుపరి భాగాన్ని అనుసరించవచ్చు, లేకపోతే మీరు ఈ భాగాన్ని దాటవేయవచ్చు. వెబ్‌సర్వర్ మరియు ఐయోటి ఆధారిత ప్రాజెక్టుల గురించి మరింత తెలుసుకోవడానికి మీకు ఆసక్తి ఉంటే, మేము చర్చించిన మా మునుపటి పోస్ట్‌ను మీరు చూడవచ్చు