इस ESP32 लेख में, हम यह पता लगाएंगे कि हम ESP32 बोर्ड को एक्सेस प्वाइंट से कैसे जोड़ सकते हैं और इसके वेब सर्वर को डिज़ाइन कर सकते हैं। उस वेब सर्वर का उपयोग करके, हम रिले मॉड्यूल की मदद से एलईडी और एसी उपकरणों को नियंत्रित करेंगे।
सामग्री:
- ESP32 वेब सर्वर
- Arduino IDE का उपयोग करके ESP32 वेब सर्वर कैसे बनाएं
- ESP32 वेब सर्वर कोड
- ESP32 वेब सर्वर आईपी पता
- ESP32 वेब सर्वर का उपयोग करके एलईडी को नियंत्रित करना
- डेस्कटॉप इंटरफ़ेस
- मोबाइल इंटरफ़ेस
- ESP32 वेब सर्वर का उपयोग करके एसी उपकरणों को नियंत्रित करना
- निष्कर्ष
1. ESP32 वेब सर्वर
वेब सर्वर में एक विशेष प्रोग्राम होता है जो वेब पेजों को प्रोसेस कर सकता है और वेब क्लाइंट्स को भेज सकता है। किसी वेबसाइट को खोलने के लिए हम वेब ब्राउज़र का उपयोग करते हैं। इस वेब ब्राउज़र को वेब क्लाइंट भी कहा जाता है। जिस वेबसाइट को आप देखना चाहते हैं वह दूसरे कंप्यूटर पर संग्रहीत होती है जिसे वेब सर्वर कहा जाता है।
एक दूसरे से बात करने के लिए वेब सर्वर और वेब क्लाइंट एक सामान्य भाषा का उपयोग करते हैं जिसे HTTP कहा जाता है। यह इस प्रकार काम करता है: वेब क्लाइंट एक HTTP अनुरोध का उपयोग करके वेब सर्वर से एक वेब पेज मांगता है। वेब सर्वर अनुरोधित वेब पेज को वापस भेज देता है। यदि वेब पेज मौजूद नहीं है, तो आपको एक त्रुटि संदेश दिखाई देगा।
ESP32 में, हम एक वेब सर्वर डिज़ाइन कर सकते हैं, क्योंकि ESP32 न केवल नेटवर्क पर अन्य उपकरणों से जुड़ सकता है, बल्कि अपना वेब सर्वर भी बना सकता है और प्राप्त अनुरोधों का जवाब भी दे सकता है। यह सब इसलिए संभव है क्योंकि ESP32 तीन अलग-अलग मोड में काम कर सकता है:
- स्टेशन
- प्रवेश बिन्दु
- स्टेशन और पहुंच बिंदु दोनों
ESP32 के सभी तीन मोड के बारे में जानकारी प्राप्त करने के लिए आप इस लेख को देख सकते हैं:
Arduino IDE का उपयोग करके ESP32 एक्सेस पॉइंट (AP) कैसे सेट करें
2. Arduino IDE का उपयोग करके ESP32 वेब सर्वर कैसे बनाएं
Arduino IDE का उपयोग करके एक ESP32 वेब सर्वर बनाने के लिए, आप ESP32 को एक एक्सेस प्वाइंट से कनेक्ट कर सकते हैं और वेब सर्वर के लिए एक आईपी एड्रेस जेनरेट कर सकते हैं। आप अपने सर्वर इंटरफ़ेस को डिज़ाइन करने के लिए कुछ HTML और CSS लागू कर सकते हैं।
एक बार जब आप ESP32 एक्सेस पॉइंट की कार्यप्रणाली को समझ लेते हैं, तो आप Arduino IDE कोड का उपयोग करके आसानी से ESP32 वेब सर्वर डिज़ाइन कर सकते हैं। ESP32 वेब सर्वर कोड ESP32 वाई-फाई लाइब्रेरी का उपयोग करता है। इससे हमारा काम आसान हो जाता है, क्योंकि इस लाइब्रेरी में ESP32 को एक्सेस प्वाइंट से जोड़ने के लिए आवश्यक सभी महत्वपूर्ण कार्य शामिल हैं।
आइए Arduino IDE कोड का उपयोग करके एक ESP32 वेब सर्वर डिज़ाइन करें।
3. ESP32 वेब सर्वर कोड
ESP32 वेब सर्वर कोड में एक्सेस प्वाइंट के साथ ESP32 कनेक्शन और सर्वर के लिए आईपी एड्रेस प्राप्त करना शामिल है। एक बार जब आप आईपी पता प्राप्त कर लेते हैं, तो आपको ESP32 वेब सर्वर तक पहुंचने के लिए उसी नेटवर्क से कनेक्ट होना होगा। वहां से आप एलईडी और अन्य उपकरणों को नियंत्रित कर सकते हैं।
Arduino IDE खोलें और अपने ESP32 बोर्ड को इससे कनेक्ट करें:
Arduino IDE में ESP32 बोर्ड स्थापित करना
एक बार ESP32 बोर्ड कनेक्ट हो जाए, तो निम्नलिखित कोड को अपने बोर्ड पर अपलोड करें।
/**************Linuxhint.com
एलईडी को नियंत्रित करने के लिए ESP32 वेब सर्वर
**************/
// लाइब्रेरी आयात करें के लिए वाईफाई कनेक्शन
#शामिल
// अपना वाई-फाई नाम और पासवर्ड दर्ज करें
स्थिरांक चार * एसएसआईडी = 'ईएसपी32' ;
स्थिरांक चार * पासवर्ड = '123456789' ;
// पोर्ट नंबर चुनें के लिए वेब सर्वर
वाईफ़ाईसर्वर सर्वर ( 80 ) ;
// वेब अनुरोध को संग्रहीत करने के लिए एक वेरिएबल बनाएं
स्ट्रिंग हेडर;
// आउटपुट की स्थिति संग्रहीत करने के लिए वेरिएबल बनाएं
स्ट्रिंग आउटपुट26स्टेट = 'बंद' ;
स्ट्रिंग आउटपुट27स्टेट = 'बंद' ;
// वेरिएबल्स को आउटपुट पिन असाइन करें
स्थिरांक int आउटपुट26 = 26 ;
स्थिरांक int आउटपुट27 = 27 ;
अहस्ताक्षरित लंबा वर्तमान समय = मिलिस ( ) ;
अहस्ताक्षरित बहुत पहले का समय = 0 ;
// चुने समय आप LIMIT के लिए वेब अनुरोध में मिलीसेकंड
स्थिरांक लंबा टाइमआउटटाइम = 2000 ;
व्यर्थ व्यवस्था ( ) {
सीरियल.शुरू ( 115200 ) ;
// आउटपुट पिन सेट करें जैसा आउटपुट
पिनमोड ( आउटपुट26, आउटपुट ) ;
पिनमोड ( आउटपुट27, आउटपुट ) ;
// आउटपुट बंद करें
डिजिटल लिखें ( आउटपुट26, कम ) ;
डिजिटल लिखें ( आउटपुट27, कम ) ;
// वाई-फ़ाई नेटवर्क से कनेक्ट करें
सीरियल.प्रिंट ( 'को जोड़ रहा ' ) ;
सीरियल.प्रिंटएलएन ( एस.एस.आई.डी ) ;
वाईफाई.शुरू ( एसएसआईडी, पासवर्ड ) ;
// इंतज़ार जब तक कनेक्शन स्थापित हो गया है
जबकि ( वाईफाई.स्थिति ( ) ! = WL_कनेक्टेड ) {
देरी ( 500 ) ;
सीरियल.प्रिंट ( '।' ) ;
}
सीरियल.प्रिंटएलएन ( '' ) ;
सीरियल.प्रिंटएलएन ( 'वाईफ़ाई कनेक्ट किया गया।' ) ;
सीरियल.प्रिंटएलएन ( 'आईपी पता: ' ) ;
सीरियल.प्रिंटएलएन ( वाईफाई.लोकलआईपी ( ) ) ;
सर्वर.शुरू ( ) ;
}
शून्य पाश ( ) {
वाईफाईक्लाइंट क्लाइंट = सर्वर.उपलब्ध ( ) ; // जाँच करना के लिए नये ग्राहक
अगर ( ग्राहक ) { // यदि कोई क्लाइंट कनेक्ट है,
वर्तमान समय = मिलिस ( ) ;
पिछला समय = वर्तमान समय;
सीरियल.प्रिंटएलएन ( 'नए ग्राहक।' ) ; // सीरियल पोर्ट को सूचित करें
स्ट्रिंग करंटलाइन = '' ; // क्लाइंट डेटा संग्रहीत करने के लिए एक स्ट्रिंग बनाएं
जबकि ( क्लाइंट.कनेक्टेड ( ) && वर्तमान समय - पिछला समय = 0 ) {
सीरियल.प्रिंटएलएन ( 'जीपीआईओ 26 चालू' ) ;
आउटपुट26स्टेट = 'पर' ;
डिजिटल लिखें ( आउटपुट26, उच्च ) ;
} अन्य अगर ( हेडर.indexOf ( 'प्राप्त करें/26/छूट' ) > = 0 ) {
सीरियल.प्रिंटएलएन ( 'GPIO 26 बंद' ) ;
आउटपुट26स्टेट = 'बंद' ;
डिजिटल लिखें ( आउटपुट26, कम ) ;
} अन्य अगर ( हेडर.indexOf ( 'प्राप्त करें/27/पर' ) > = 0 ) {
सीरियल.प्रिंटएलएन ( 'जीपीआईओ 27 चालू' ) ;
आउटपुट27स्टेट = 'पर' ;
डिजिटल लिखें ( आउटपुट27, उच्च ) ;
} अन्य अगर ( हेडर.indexOf ( 'प्राप्त करें/27/छूट' ) > = 0 ) {
सीरियल.प्रिंटएलएन ( 'GPIO 27 बंद' ) ;
आउटपुट27स्टेट = 'बंद' ;
डिजिटल लिखें ( आउटपुट27, कम ) ;
}
client.println ( '' ) ;
client.println ( '<सिर><मेटा नाम =' व्यूपोर्ट 'सामग्री' चौड़ाई =डिवाइस-चौड़ाई, प्रारंभिक-पैमाना= 1 '>' ) ;
client.println ( '<लिंक rel=' आइकन 'href=' डेटा:, '>' ) ;
// बटनों को स्टाइल करने के लिए सी.एस.एस
client.println ( '<शैली>एचटीएमएल {फ़ॉन्ट-फ़ैमिली: हेल्वेटिका; डिस्प्ले: इनलाइन-ब्लॉक; मार्जिन: 0px ऑटो; टेक्स्ट-एलाइन: सेंटर;}' ) ;
client.println ( 'बॉडी {पृष्ठभूमि: रैखिक-ढाल (दाईं ओर, #0f0c29, #302b63, #24243e); }' ) ;
// चमक प्रभाव के साथ नियॉन नीले बटन
client.println ( '.बटन { पृष्ठभूमि-रंग: #08f; बॉर्डर: कोई नहीं; रंग: सफ़ेद; पैडिंग: 16px 40px;' ) ;
client.println ( 'पाठ-सजावट: कोई नहीं; फ़ॉन्ट-आकार: 30px; मार्जिन: 2px; कर्सर: सूचक; बॉक्स-छाया: 0 0 20px #08f;}' ) ;
// चमक प्रभाव के साथ गहरे भूरे बटन
client.println ( '.बटन2 {पृष्ठभूमि-रंग: #333; बॉक्स-छाया: 0 0 20पीएक्स #333;}' ) ;
// संक्रमण प्रभाव के लिए बटन
client.println ( '.बटन, .बटन2 {संक्रमण: सभी 0.3 आसानी से अंदर-बाहर;}' ) ;
// गोल बटन
client.println ( '.बटन, .बटन2 {सीमा-त्रिज्या: 50%;}' ) ;
// वेब पेज का शीर्षक
client.println ( '
लिनक्सहिंट ESP32 वेब सर्वर
' ) ;// वेब पेज शीर्षक
client.println ( '
ESP32 वेब सर्वर
');// राज्य और बटन दिखाएँ के लिए जीपीआईओ 26
client.println ( '<पी शैली =' रंग सफेद; '>जीपीआईओ 26 - राज्य' + आउटपुट26स्टेट + '
' ) ;
// चालू बटन दिखाएँ अगर राज्य बंद है
अगर ( आउटपुट26स्टेट == 'बंद' ) {
client.println ( ' बटन '>चालू ' ) ;
} अन्य { // ऑफ बटन दिखाएँ अगर राज्य चालू है
client.println ( ' बटन बटन2 '>बंद
' ) ;
}
// राज्य और बटन दिखाएँ के लिए जीपीआईओ 27
client.println ( '<पी शैली =' रंग सफेद; '>जीपीआईओ 27 - राज्य' + आउटपुट27स्टेट + '
' ) ;
// चालू बटन दिखाएँ अगर राज्य बंद है
अगर ( आउटपुट27स्टेट == 'बंद' ) {
client.println ( ' बटन '>चालू
' ) ;
} अन्य { // ऑफ बटन दिखाएँ अगर राज्य चालू है
client.println ( ' बटन बटन2 '>बंद
' ) ;
}
client.println ( '' ) ;
// HTTP प्रतिक्रिया को एक रिक्त पंक्ति के साथ समाप्त करें
client.println ( ) ;
// से बाहर निकलें जबकि कुंडली
तोड़ना ;
} अन्य { // वर्तमान लाइन साफ़ करें अगर यह एक नई पंक्ति है
करंटलाइन = '';
}
} अन्यथा यदि (सी != ' \आर ') {// वर्तमान पंक्ति में बाइट जोड़ें यदि यह' यह कोई गाड़ी नहीं है वापस करना
करंटलाइन += सी;
}
}
}
// हेडर रीसेट करें
हेडर = '' ;
// क्लाइंट कनेक्शन बंद करें
ग्राहक.रोको ( ) ;
सीरियल.प्रिंटएलएन ( 'क्लाइंट डिस्कनेक्ट हो गया।' ) ;
सीरियल.प्रिंटएलएन ( '' ) ;
}
}
कोड स्पष्टीकरण
ESP32 वेब सर्वर कोड Wifi कनेक्शन सेट करके प्रारंभ हुआ। सबसे पहले, इसमें वाईफाई.एच लाइब्रेरी शामिल है। इसके बाद, इस कोड के लिए आपको उस नेटवर्क के लिए एसएसआईडी और पासवर्ड दर्ज करना होगा जिससे आप अपने ईएसपी32 बोर्ड को कनेक्ट करना चाहते हैं। उसके बाद, हमने आउटपुट की स्थिति को संग्रहीत करने के लिए वेरिएबल बनाए, और इन वेरिएबल्स को आउटपुट पिन सौंपे गए। यहां हम GPIO पिन 26 और 27 का उपयोग कर रहे हैं, लेकिन आप डिवाइस या LED को कनेक्ट करने के लिए किसी अन्य GPIO पिन का भी उपयोग कर सकते हैं।
कोड के दूसरे भाग में क्रमिक संचार प्रारंभ किया जाता है। इससे हमें ESP32 बोर्ड और उससे जुड़े बाह्य उपकरणों की स्थिति की जांच करने में मदद मिलेगी। इनके साथ, हमने जुड़े हुए दो एलईडी के विभिन्न राज्यों के लिए सीरियल आउटपुट को परिभाषित किया है। आप एलईडी लाइटें कनेक्ट कर सकते हैं और उनकी स्थिति को चालू और बंद के रूप में परिभाषित कर सकते हैं। यह कोड भाग कोड अपलोड करने के बाद ESP32 वेब सर्वर का आईपी पता भी प्रिंट करेगा। आईपी पते सहित कोड भाग केवल एक बार मुद्रित किया जाएगा, क्योंकि यह सेटअप() फ़ंक्शन के अंदर है।
तीसरे भाग में, या लूप() फ़ंक्शन के अंदर, हमने वेब अनुरोधों को संभालने और GPIO पिन को नियंत्रित करने के लिए कोड को परिभाषित किया है। यह कोड भाग बार-बार निष्पादित होगा जैसा कि लूप() फ़ंक्शन में है। यह नए ग्राहकों की जांच करता है और ग्राहकों से डेटा पढ़ता है। पढ़ने के बाद, यह HTTP अनुरोधों को पार्स करता है और एक उचित प्रतिक्रिया भेजता है, जैसे एलईडी को चालू या बंद करना। इस कोड भाग में ESP32 वेब सर्वर की मूल शैली की जानकारी भी शामिल है। इंटरफ़ेस में एलईडी बटन और उनकी वर्तमान स्थिति शामिल है।
4. ESP32 वेब सर्वर IP पता
ESP32 वेब सर्वर IP पता नेटवर्क पर डिवाइस का विशिष्ट पहचानकर्ता है। ESP32 वेब सर्वर तक पहुँचने के लिए, आपको इस IP पते की आवश्यकता होगी। आपके द्वारा उपरोक्त कोड अपलोड करने के बाद, आईपी पता स्वचालित रूप से राउटर द्वारा निर्दिष्ट किया जाता है जिसे डायनेमिक आईपी भी कहा जाता है। हालाँकि, आप मैन्युअल रूप से एक आईपी पता भी निर्दिष्ट कर सकते हैं जिसे स्टेटिक आईपी भी कहा जाता है।
अपने ESP32 सर्वर का IP पता जानने के लिए, आप कोड अपलोड करने के बाद Arduino IDE के सीरियल मॉनिटर की जांच कर सकते हैं। याद रखें, यह IP पता केवल तभी प्रदर्शित किया जाएगा जब ESP32 बोर्ड किसी एक्सेस प्वाइंट से सफलतापूर्वक जुड़ा हो।
टिप्पणी : यदि आपको अपने ESP32 बोर्ड को एक्सेस प्वाइंट से कनेक्ट करना मुश्किल लगता है, तो राउटर (एक्सेस प्वाइंट) SSID को बदलने का प्रयास करें। अपने SSID में विशेष वर्णों से बचने का प्रयास करें।
5. ESP32 वेब सर्वर का उपयोग करके एलईडी को नियंत्रित करना
अब हम ESP32 बोर्ड के साथ दो LED स्थापित करेंगे और ESP32 वेब सर्वर का उपयोग करके उन्हें नियंत्रित करेंगे। आप कोड के अंदर परिभाषित समान GPIO पिन का उपयोग कर सकते हैं या किसी अन्य GPIO पिन के लिए कोड को संशोधित कर सकते हैं। यहां हम एक LED को GPIO 26 से और दूसरे को GPIO 27 से कनेक्ट करने जा रहे हैं।
डेस्कटॉप इंटरफ़ेस
एक बार हार्डवेयर तैयार हो जाने के बाद, अगला कदम Arduino IDE टर्मिनल पर ESP32 द्वारा दिए गए समान IP पते का उपयोग करके वेब सर्वर तक पहुंचना है। इसके लिए आपका सिस्टम उसी नेटवर्क से कनेक्ट होना चाहिए. डेस्कटॉप पर, वाईफाई सेटिंग्स खोलें और नेटवर्क से कनेक्ट करें।
एक बार कनेक्ट होने के बाद, आप वेब ब्राउज़र (क्रोम) का उपयोग करके वेब सर्वर तक पहुंच सकते हैं। URL बार में ESP32 वेब सर्वर IP टाइप करें और हिट करें प्रवेश करना . एक बार ओपन होने पर आपको निम्न इंटरफ़ेस दिखाई देगा।
कोड के अंदर सेट की गई वर्तमान स्थिति में, दोनों एलईडी बंद हैं। इसलिए ESP32 को पीसी से कनेक्ट करने के बाद, आप देखेंगे कि कोई भी एलईडी चमक नहीं रही है।
हम GPIO 26 पर एलईडी चालू करके शुरुआत करेंगे। ऑफ स्विच को टॉगल करें और आप देखेंगे कि एलईडी चमकने लगेगी।
GPIO 26 पर LED चालू है।
इसी तरह, GPIO 27 पर LED के लिए दूसरे बटन को टॉगल करें।
अब आप देखेंगे कि GPIO 27 से जुड़ी दूसरी LED भी चमकने लगेगी।
आप दोनों एलईडी के बटनों को टॉगल करके भी चालू कर सकते हैं।
दोनों LED को स्विच करने के बाद आप देखेंगे कि दोनों LED चमकने लगेंगी।
मोबाइल इंटरफ़ेस
ESP32 वेब सर्वर केवल डेस्कटॉप ब्राउज़र तक ही सीमित नहीं है, आप इसे स्मार्टफोन या टैबलेट जैसे किसी अन्य डिवाइस से भी एक्सेस कर सकते हैं। ESP32 वेब सर्वर से जुड़ने के लिए, वाईफाई नेटवर्क सेटिंग्स खोलें और उसी SSID को खोजें जिसे आपने कोड के अंदर परिभाषित किया है।
एक्सेस प्वाइंट सर्च करने के बाद अपने स्मार्टफोन को उस एक्सेस प्वाइंट से कनेक्ट करें।
एक बार कनेक्ट होने के बाद, अपने स्मार्टफ़ोन पर ब्राउज़र खोलें और ESP32 IP पते का उपयोग करके वेब सर्वर तक पहुंचें। स्मार्टफोन में इंटरफ़ेस डेस्कटॉप के समान है। आपके पास अपने GPIO पिन को नियंत्रित करने का पूर्ण नियंत्रण है, जैसे आप डेस्कटॉप ब्राउज़र में करते हैं।
6. ESP32 वेब सर्वर का उपयोग करके एसी उपकरणों को नियंत्रित करना
अभी के लिए, हमने एक साधारण एलईडी को ESP32 के साथ जोड़ा है और ESP32 वेब सर्वर का उपयोग करके उन्हें नियंत्रित किया है। लेकिन यह ESP32 वेब सर्वर के लिए बस एक सरल प्रोग्राम है। आप उसी अवधारणा को किसी भी सेंसर या मॉड्यूल पर लागू कर सकते हैं और वांछित आउटपुट उत्पन्न कर सकते हैं।
उदाहरण के लिए, आप एक रिले मॉड्यूल को ESP32 से कनेक्ट कर सकते हैं और ऊपर दिए गए वेब सर्वर कोड का उपयोग करके किसी भी एसी उपकरण को नियंत्रित कर सकते हैं।
पढ़ना : Arduino IDE का उपयोग करके ESP32 के साथ रिले
अब हम एक रिले मॉड्यूल का उपयोग करके एक एसी बल्ब को ESP32 से जोड़ेंगे। यहां मैं एसी बल्ब को नियंत्रित करने के लिए GPIO पिन 26 का उपयोग करने जा रहा हूं। आप रिले को नियंत्रित करने के लिए अपने इच्छित GPIO पिन को परिभाषित कर सकते हैं।
| ESP32 पिन | रिले मॉड्यूल पिन |
|---|---|
| वीआईएन/3वी3 | वी.सी.सी |
| जी.एन.डी | जी.एन.डी |
| जीपीआईओ 26 या जीपीआईओ 27 | IN1 या IN2 |
नीचे एक रिले मॉड्यूल और एक एसी बल्ब के साथ ESP32 का योजनाबद्ध आरेख है।
रिले मॉड्यूल कनेक्ट करने के बाद, ESP32 वेब सर्वर खोलें और GPIO 26 स्विच को टॉगल करें।
आप देखेंगे कि बल्ब चालू हो जाएगा।
हमने सफलतापूर्वक एक ESP32 वेब सर्वर बनाया है और इसके साथ AC और DC दोनों उपकरणों को नियंत्रित करते हैं। आप किसी अन्य सेंसर के लिए समान कोड लागू कर सकते हैं और अपने प्रोजेक्ट के लिए अपने कस्टम वेब सर्वर बना सकते हैं।
निष्कर्ष
ESP32 एक माइक्रोकंट्रोलर बोर्ड है जो एक्सेस प्वाइंट से जुड़ सकता है या अन्य उपकरणों के लिए एक्सेस प्वाइंट के रूप में कार्य कर सकता है। ESP32 की इस सुविधा का उपयोग करके, आप एक ESP32 वेब सर्वर डिज़ाइन कर सकते हैं। आपको बस अपने ESP32 बोर्ड को एक एक्सेस प्वाइंट से कनेक्ट करना है और वेब सर्वर के लिए आईपी एड्रेस प्राप्त करना है। उसके बाद, आपको किसी भी वेब ब्राउज़र में वही आईपी टाइप करना होगा, और आपके पास तुरंत वेब सर्वर तक पहुंच होगी। लेकिन सुनिश्चित करें कि ESP32 वेब सर्वर तक पहुँचने के दौरान आप उसी नेटवर्क से जुड़े हों। इसके अलावा, आप दिए गए कोड को संशोधित कर सकते हैं और अपनी पसंद के किसी भी सेंसर या मॉड्यूल को नियंत्रित कर सकते हैं।