Esp8266 உடன் அஜாக்ஸ்: மீண்டும் ஏற்றப்படாமல் டைனமிக் வலைப்பக்க புதுப்பிப்பு

பல IoT பயன்பாடுகளில், சென்சார் தரவை தொடர்ந்து கண்காணிக்க வேண்டிய சூழ்நிலைகள் உள்ளன, மேலும் அதைச் செய்வதற்கான எளிய வழி ஒரு HTML வலைப்பக்கத்திற்கு சேவை செய்யும் ESP8266 வலை சேவையகத்தை இயக்குவதன் மூலம்; ஆனால் இந்த முறையின் சிக்கல் என்னவென்றால், புதுப்பிக்கப்பட்ட சென்சார் தரவைப் பெற வலை உலாவி ஒரு குறிப்பிட்ட நேர இடைவெளியில் புதுப்பிக்கப்பட வேண்டும். இது திறமையற்றது மட்டுமல்லாமல், பிற பணிகளைச் செய்யக்கூடிய கடிகார சுழற்சிகளையும் எடுக்கும். இந்த சிக்கலுக்கான தீர்வு “ஒத்திசைவற்ற ஜாவாஸ்கிரிப்ட் மற்றும் எக்ஸ்எம்எல்” அல்லது சுருக்கமாக அஜாக்ஸ் என அழைக்கப்படுகிறது. அஜாக்ஸைப் பயன்படுத்தி, முழு வலைப்பக்கத்தையும் புதுப்பிக்காமல் நிகழ்நேர தரவை கண்காணிக்க முடியும், இது நேரத்தை மிச்சப்படுத்துவது மட்டுமல்லாமல், விலைமதிப்பற்ற கடிகார சுழற்சிகளையும் சேமிக்கிறது. இந்த கட்டுரையில், ESP8266 இல் அஜாக்ஸ் அடிப்படையிலான வலை சேவையகத்தை எவ்வாறு செயல்படுத்துவது என்பதை நீங்கள் கற்றுக் கொள்வீர்கள்.

அஜாக்ஸ் என்றால் என்ன?

நாம் முன்னர் விவாதித்தபடி, அஜாக்ஸ் என்பது “ஒத்திசைவற்ற ஜாவாஸ்கிரிப்ட் மற்றும் எக்ஸ்எம்எல்” ஐ குறிக்கிறது, இது வலைப்பக்கத்தின் ஒரு பகுதியை என்டெயில் பக்கத்தை மீண்டும் ஏற்றாமல் புதுப்பிக்க பயன்படுகிறது. சேவையகத்திலிருந்து தரவை தன்னிச்சையாகக் கோருவதன் மூலமும் பெறுவதன் மூலமும் இது செய்கிறது. வலை உள்ளடக்கத்தை ஒத்திசைவில்லாமல் புதுப்பிப்பதே அஜாக்ஸின் செயல்பாடு. இதன் பொருள், பக்கத்தின் உள்ளடக்கத்தின் ஒரு பகுதியை மட்டுமே புதுப்பிக்க வேண்டியிருக்கும் போது பயனரின் வலை உலாவி முழு வலைப்பக்கத்தையும் புதுப்பிக்க தேவையில்லை.

அஜாக்ஸின் அன்றாட எடுத்துக்காட்டு கூகிளின் பரிந்துரை அம்சமாக இருக்கும், நாங்கள் கூகிள் தேடல் பட்டியில் தட்டச்சு செய்யும் போது, ​​கூகிள் தொடர்புடைய தேடல் சரங்களை பரிந்துரைக்கத் தொடங்குகிறது. இந்தச் செயல்பாட்டின் போது, ​​வலைப்பக்கம் மீண்டும் ஏற்றப்படாது, ஆனால் மாற்றப்பட வேண்டிய தகவல்கள் பின்னணியில் அஜாக்ஸைப் பயன்படுத்தி புதுப்பிக்கப்படும்.

அஜாக்ஸ் எவ்வாறு செயல்படுகிறது?

அஜாக்ஸ் ஒரு கலவையைப் பயன்படுத்துகிறது-

1. எக்ஸ்எம்எல் (விரிவாக்கக்கூடிய மார்க்அப் மொழி)
2. ஜாவாஸ்கிரிப்ட் மற்றும் HTML

• எக்ஸ்எம்எல் (விரிவாக்கக்கூடிய மார்க்அப் மொழி):

எக்ஸ்எம்எல் ஒரு மார்க்அப் மொழி. எக்ஸ்எம்எல் பெரும்பாலும் ஒரு குறிப்பிட்ட வடிவத்துடன் சேவையக தரவைப் பெறுவதற்குப் பயன்படுத்தப்படுகிறது. இது எளிய உரை வடிவில் தரவைப் பெற முடியும் என்றாலும். ஒரு பயனர் ஒரு வலைப்பக்கத்தைப் பார்வையிடும்போது, ​​ஒரு நிகழ்வு நிகழ்ந்தால், அது ஒரு “பொத்தான் பத்திரிகை”, ஜாவாஸ்கிரிப்ட் ஒரு XMLHttpRequest பொருளை உருவாக்குகிறது, பின்னர் ஒரு வலை உலாவி மற்றும் வலை சேவையகத்திற்கு இடையில் ஒரு எக்ஸ்எம்எல் வடிவத்தில் தகவல்களை மாற்றும். XMLHttpRequest பொருள் வலை சேவையகத்திற்கு புதுப்பிக்கப்பட்ட பக்க தரவுகளுக்கான கோரிக்கையை அனுப்புகிறது, சேவையகம் கோரிக்கையை செயலாக்குகிறது, ஒரு பதில் சேவையக பக்கத்தில் உருவாக்கப்பட்டு உலாவிக்கு திருப்பி அனுப்பப்படுகிறது, பின்னர் பதிலை செயலாக்குவதற்கும் வலைப்பக்கத்தில் காண்பிப்பதற்கும் ஜாவாஸ்கிரிப்ட் பயன்படுத்துகிறது.

• ஜாவாஸ்கிரிப்ட் மற்றும் HTML:

ஜாவாஸ்கிரிப்ட் அஜாக்ஸில் புதுப்பித்தல் செயல்முறையைச் செய்கிறது. புதுப்பிக்கப்பட்ட உள்ளடக்கத்திற்கான கோரிக்கை எக்ஸ்எம்எல்லில் புரிந்துகொள்ளக்கூடிய வகையில் வடிவமைக்கப்பட்டுள்ளது, மேலும் புதுப்பிக்கப்பட்ட பக்கத்தைப் பார்க்கும் பயனருக்கான உள்ளடக்கத்தை ஜாவாஸ்கிரிப்ட் புதுப்பிக்கிறது.

அஜாக்ஸ் வேலை:

மேலே உள்ள வரைபடத்தில் காட்டப்பட்டுள்ளபடி, ஒரு அஜாக்ஸ் கோரிக்கைக்கு, உலாவி ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி சேவையகத்திற்கு ஒரு XMLHttpRequest ஐ அனுப்புகிறது. இந்த பொருள் சேவையகத்திடம் கோரப்படுவதைக் கூறும் தரவை உள்ளடக்கியது. கிளையன்ட் தரப்பிலிருந்து கோரப்பட்ட தரவை மட்டுமே சேவையகம் பதிலளிக்கிறது. உலாவி தரவைப் பெறுகிறது, முழு வலைப்பக்கத்தையும் மீண்டும் ஏற்றுவதற்குப் பதிலாக புதுப்பிக்கப்பட வேண்டிய பக்கத்தின் பகுதியை மட்டுமே புதுப்பிக்கிறது.

அஜாக்ஸ் மற்றும் ஈஎஸ்பி 8266 அடிப்படையிலான வலை சேவையகத்தை உருவாக்க கூறுகள் தேவை

அஜாக்ஸைக் கையாள எஸ்பி 8266 இன் திறனை நிரூபிப்பதற்கான திட்டத்தை நாங்கள் உருவாக்கி வருவதால், கூறு தேவை மிகவும் குறைவானது, உங்கள் உள்ளூர் பொழுதுபோக்கு கடையில் உள்ள பெரும்பாலானவற்றை நீங்கள் காணலாம்.

• NodeMCU X 1
• எல்எம் 35 வெப்பநிலை சென்சார் எக்ஸ் 1
• எல்இடி எக்ஸ் 1
• ப்ரெட்போர்டு எக்ஸ் 1
• ஜம்பர்ஸ் எக்ஸ் 4
• புரோகிராமிங் கேபிள் எக்ஸ் 1

அஜாக்ஸ் மற்றும் ஈஎஸ்பி 8266 வலை சேவையகம் - சுற்று வரைபடம்

அஜாக்ஸ் அடிப்படையிலான வெப்சர்வருக்கான சுற்று வரைபடம் கீழே காட்டப்பட்டுள்ளது.

சுற்று மிகவும் எளிமையானது என்பதால், இதைப் பற்றி அதிகம் விளக்க எதுவும் இல்லை. ஈ.எஸ்.பி 8266 இன் பின் டி 0 உடன் 150 ஓம்ஸ் தற்போதைய கட்டுப்படுத்தும் மின்தடையுடன் எல்.ஈ.டி ஒன்றை இணைத்துள்ளோம், நீங்கள் பார்ப்பது போல், வெப்சர்வரைப் பயன்படுத்தி அதை மாற்றலாம். அடுத்து, எங்கள் எல்எம் 35 வெப்பநிலை சென்சார் எங்களிடம் உள்ளது, இதன் மூலம் வெப்பநிலை மதிப்பைப் படித்து வலைப்பக்கத்திற்கு புதுப்பிப்போம். வெப்பநிலை சென்சார் 3.3 வி ரெயிலிலிருந்து இயக்கப்படுகிறது, மேலும் எல்எம் 35 ஒரு அனலாக் சென்சார் என்பதால், தரவை அளவிட ESP8266 போர்டின் A0 முள் பயன்படுத்தினோம். நீங்கள் முதன்முறையாக எல்எம் 35 வெப்பநிலை சென்சார் முழுவதும் வந்திருந்தால், அல்லது இந்த மிகச்சிறிய சிறிய சென்சார் பற்றி மேலும் அறிய விரும்பினால், எங்கள் முந்தைய இடுகையை டிஜிட்டல் தெர்மோமீட்டரில் நோட்எம்சியு மற்றும் எல்எம் 35 ஐப் பயன்படுத்தி சரிபார்க்கலாம், அங்கு இந்த சென்சாரின் செயல்பாட்டை நாங்கள் விவாதித்தோம் விவரம்.

ESP8266 க்கான அஜாக்ஸ் அடிப்படையிலான வெப்சர்வர் குறியீடு

நாங்கள் மேற்கொண்டு செல்வதற்கு முன், எங்கள் NodeMCU வலை சேவையகம் எவ்வாறு செயல்படும் என்பதைப் புரிந்துகொள்ள நிரலுக்கு நேராக டைவ் செய்வோம். ஆனால் அதற்கு முன், உங்களிடம் ESP8266 க்கான Arduino IDE அமைப்பு இருப்பதை உறுதிப்படுத்திக் கொள்ளுங்கள், உங்களிடம் அமைப்பு இல்லையென்றால், அடுத்த பகுதியைப் பின்தொடரலாம், இல்லையெனில் இந்த பகுதியை நீங்கள் தவிர்க்கலாம். வெப்சர்வர் மற்றும் ஐஓடி அடிப்படையிலான திட்டங்களைப் பற்றி மேலும் அறிய நீங்கள் ஆர்வமாக இருந்தால், நாங்கள் விவாதித்த எங்கள் முந்தைய இடுகையைப் பார்க்கலாம்