ایس پی 8266 کے ساتھ ایجیکس: دوبارہ لوڈ کیے بغیر متحرک ویب صفحہ کی تازہ کاری

بہت سے آئی او ٹی ایپلی کیشنز میں ، ایسے حالات موجود ہیں جہاں سینسر ڈیٹا کو مستقل طور پر نگرانی کرنے کی ضرورت ہوتی ہے ، اور ایسا کرنے کا آسان ترین طریقہ یہ ہے کہ کسی ای ایس پی 8266 ویب سرور کو چالو کرنا جو HTML ویب پیج پر کام کرتا ہے۔ لیکن اس طریقہ کار میں مسئلہ یہ ہے کہ سینسر کا تازہ ترین اعداد و شمار حاصل کرنے کے لئے ویب براؤزر کو ایک خاص وقت کے وقفے پر تروتازہ ہونا ضروری ہے۔ یہ نہ صرف غیر موثر ہے بلکہ گھڑی کے چکر میں بھی بہت زیادہ وقت لگتا ہے جہاں دوسرے کام انجام دیئے جا سکتے ہیں۔ اس مسئلے کا حل "Asynchronous جاوا اسکرپٹ اور XML" یا مختصر طور پر AJAX کے نام سے جانا جاتا ہے۔ AAAAX کا استعمال کرتے ہوئے ، ہم پورے ویب پیج کو تازہ دم کئے بغیر حقیقی وقت کے ڈیٹا کی نگرانی کرسکتے ہیں ، اس سے نہ صرف وقت کی بچت ہوتی ہے ، بلکہ اس سے گھڑی کے قیمتی چکروں کی بھی بچت ہوتی ہے۔ اس مضمون کے ساتھ ساتھ پیروی کریں اور ، آپ ESP8266 پر AJAX پر مبنی ویب سرور کو نافذ کرنے کا طریقہ سیکھیں گے ۔

AJAX کیا ہے؟

جیسا کہ ہم نے پہلے بھی تبادلہ خیال کیا ہے ، AJAX کا مطلب ہے "Asynchronous جاوا اسکرپٹ اور XML" جس کا استعمال انیل پیج کو دوبارہ لوڈ کیے بغیر ویب پیج کے کسی حصے کو اپ ڈیٹ کرنے کے لئے کیا جاسکتا ہے۔ یہ سرور سے اعداد و شمار کی درخواست اور وصول کرتے ہوئے کرتا ہے۔ AJAX کا فنکشن متضاد طور پر ویب مواد کو اپ ڈیٹ کرنا ہے۔ اس کا مطلب ہے کہ جب صارف کے ویب براؤزر کو پورے ویب پیج کو ریفریش کرنے کی ضرورت نہیں ہوتی ہے تو جب صفحے پر موجود مواد کے صرف ایک حص partے کو اپ ڈیٹ کرنے کی ضرورت ہوتی ہے۔

AJAX کی روزمرہ کی مثال گوگل کی تجویز کی خصوصیت ہوگی ، جیسے ہی ہم گوگل سرچ بار میں ٹائپ کرتے ہیں ، گوگل متعلقہ سرچ تار کو تجویز کرنا شروع کرتا ہے۔ اس عمل کے دوران ، ویب پیج دوبارہ لوڈ نہیں ہوتا ہے ، لیکن جس معلومات کو تبدیل کرنے کی ضرورت ہے وہ AJAX کا استعمال کرکے پس منظر میں اپ ڈیٹ ہوجاتی ہے۔

AJAX کیسے کام کرتا ہے؟

AJAX صرف -

1. XML (ایکسٹینسیبل مارک اپ لینگویج)
2. جاوا اسکرپٹ اور ایچ ٹی ایم ایل

• ایکس ایم ایل (ایکسٹینسیبل مارک اپ لینگویج):

XML ایک مارک اپ زبان ہے۔ XML زیادہ تر کسی مخصوص فارمیٹ کے ساتھ سرور کا ڈیٹا وصول کرنے کے لئے استعمال ہوتا ہے۔ اگرچہ یہ سادہ متن کی شکل میں ڈیٹا حاصل کرسکتا ہے۔ جب صارف کسی ویب صفحے پر جاتا ہے اور کوئی واقعہ پیش آتا ہے تو ، ہمارے معاملے میں ، یہ "بٹن پریس" ہوتا ہے ، جاوا اسکرپٹ ایک XMLHttpRequest آبجیکٹ تشکیل دیتا ہے ، جو پھر ویب براؤزر اور ویب سرور کے مابین XML فارمیٹ میں معلومات منتقل کرتا ہے۔ XMLHttpRequest آبجیکٹ ویب سرور کو اپ ڈیٹ شدہ پیج ڈیٹا کی درخواست بھیجتا ہے ، سرور اس درخواست پر عملدرآمد کرتا ہے ، سرور کی طرف سے ایک ردعمل تیار کیا جاتا ہے اور اسے براؤزر پر واپس بھیجا جاتا ہے ، جو اس کے بعد جاوا اسکرپٹ کا استعمال کرتے ہوئے جواب پر کارروائی کرتا ہے اور اسے ویب پیج پر ظاہر کرتا ہے۔.

• جاوا اسکرپٹ اور ایچ ٹی ایم ایل:

جاوا اسکرپٹ AJAX میں اپ ڈیٹ کرنے کا عمل کرتا ہے۔ اپ ڈیٹ کردہ مواد کی درخواست کو قابل فہم بنانے کے لئے XML میں فارمیٹ کیا گیا ہے ، اور جاوا اسکرپٹ صارف کو تازہ ترین صفحہ دیکھنے کے ل. مواد کو تازہ دم کرتا ہے۔

AJAX ورکنگ:

جیسا کہ مذکورہ آریگرام میں دکھایا گیا ہے ، AJAX درخواست کے لئے ، براؤزر جاوا اسکرپٹ کا استعمال کرتے ہوئے سرور کو ایک XMLHttpRequest بھیجتا ہے ۔ اس اعتراض میں ڈیٹا شامل ہے جو سرور کو بتاتا ہے کہ کیا درخواست کی جارہی ہے۔ سرور صرف اس اعداد و شمار کے ساتھ جواب دیتا ہے جس کے مؤکل کی طرف سے درخواست کی گئی تھی۔ تب براؤزر اعداد و شمار حاصل کرتا ہے ، اور اس صفحے کے صرف اس حصے کو اپ ڈیٹ کرتا ہے جسے پورے ویب پیج کو دوبارہ لوڈ کرنے کے بجائے اپ ڈیٹ کرنے کی ضرورت ہے۔

اجزاء کو AJAX اور ESP8266 پر مبنی ویب سرور بنانے کی ضرورت ہے

جب کہ ہم AJAX کو سنبھالنے کے لئے esp8266 کی صلاحیت کو ظاہر کرنے کے لئے پروجیکٹ بنا رہے ہیں ، جزو کی ضرورت بہت کم ہے ، آپ اپنے مقامی شوق اسٹور میں بیشتر کو تلاش کرسکتے ہیں۔

• نوڈیم سی یو ایکس 1
• LM35 درجہ حرارت سینسر ایکس 1
• ایل ای ڈی ایکس 1
• بریڈ بورڈ ایکس 1
• جمپرز ایکس 4
• پروگرامنگ کیبل ایکس 1

ایجیکس اور ای ایس پی 8266 ویب سرور - سرکٹ ڈایاگرام

AJAX پر مبنی ویب سرور کے لئے سرکٹ ڈایاگرام نیچے دکھایا گیا ہے۔

چونکہ سرکٹ بہت آسان ہے ، اس کے بارے میں وضاحت کرنے کے لئے کچھ زیادہ نہیں ہے۔ ہم نے 150 اوہس حالیہ محدود مزاحم کو ESP8266 کے پن D0 کے ساتھ ایک ایل ای ڈی سے منسلک کیا ہے ، جیسا کہ آپ دیکھیں گے ، ہم ویب سرور کا استعمال کرتے ہوئے اسے ٹوگل کرسکتے ہیں۔ اگلا ، ہمارے پاس ہمارے LM35 درجہ حرارت سینسر موجود ہے جس کے ذریعہ ہم درجہ حرارت کی قیمت پڑھ رہے ہوں گے اور اسے ویب پیج پر اپ ڈیٹ کریں گے۔ درجہ حرارت سینسر 3.3V ریل سے چلتا ہے ، اور چونکہ LM35 ینالاگ سینسر ہے ، ہم نے ڈیٹا کی پیمائش کے لئے ESP8266 بورڈ کے A0 پن کا استعمال کیا ہے۔ اگر آپ پہلی بار ایل ایم 35 درجہ حرارت سینسر کے پار آچکے ہیں ، یا اگر آپ اس ٹھنڈا سا چھوٹا سینسر کے بارے میں مزید معلومات حاصل کرنا چاہتے ہیں تو ، آپ نوڈیم سی سی اور ایل ایم 35 کا استعمال کرتے ہوئے ڈیجیٹل تھرمامیٹر پر ہماری گذشتہ پوسٹ کو چیک کرسکتے ہیں جہاں ہم نے اس سینسر کے کام کرنے پر تبادلہ خیال کیا۔ تفصیل

ESP8266 کیلئے AJAX پر مبنی ویب سرور کوڈ

اس سے پہلے کہ ہم مزید آگے بڑھیں ، آئیے براہ راست پروگرام میں ڈوبیں اور یہ سمجھنے کے ل our ہمارا نوڈیم سی یو ویب سرور کیسے کام کرے گا۔ لیکن اس سے پہلے ، براہ کرم اس بات کو یقینی بنائیں کہ آپ ESP8266 کے لئے آرڈینو آئی ڈی ای سیٹ اپ رکھتے ہیں ، اگر آپ کے پاس سیٹ اپ نہیں ہے تو ، آپ اگلے حصے پر عمل کرسکتے ہیں ، ورنہ آپ صرف اس حصے کو چھوڑ سکتے ہیں۔ اگر آپ ویب سرور اور IOT پر مبنی منصوبوں کے بارے میں مزید معلومات حاصل کرنے میں دلچسپی رکھتے ہیں تو ، آپ ہماری گذشتہ پوسٹ چیک کرسکتے ہیں جہاں ہم نے تبادلہ خیال کیا ہے۔