ESP8266 + FLProg - वेब-आधारित कॉन्फ़िगरेशन इंटरफ़ेस बनाना

स्रोत

FLProg और ESP8266 के संयोजन पर पिछला पोस्ट एक समीक्षा थी, और अब हम इस नियंत्रक के साथ एक कार्यक्रम में अधिक विस्तार से काम करने पर विचार करेंगे।

Arduino के साथ, एक परियोजना पर काम एक नियंत्रक चुनने के साथ शुरू होता है। पिछले संस्करणों के विपरीत, उपयोगकर्ताओं की सुविधा के लिए, नियंत्रक को फ़ोल्डरों की ट्री संरचना में स्थानांतरित किया गया था।



एक विशिष्ट नियंत्रक या बोर्ड चुनते समय, आप इसकी छवि, पिनआउट, साथ ही तकनीकी विनिर्देश देख सकते हैं।

वेब कॉन्फ़िगरेशन इंटरफ़ेस बनाते समय मुख्य कार्य प्रोजेक्ट ट्री में किया जाता है।
सबसे पहले, पहुंच बिंदु को कॉन्फ़िगर करें।

हम परियोजना के पेड़ को " एक्सेस प्वाइंट " के रूप में सम्मिलित करते हैं और शाखा " अक्षम " पर डबल-क्लिक करके हम काम करने के लिए एक्सेस पॉइंट को चालू करते हैं।



खोली गई शाखाओं में, एक्सेस प्वाइंट सेटिंग्स कॉन्फ़िगर करें। आवश्यक पैरामीटर बदलने के लिए, संबंधित शाखा पर डबल-क्लिक करें।



नेटवर्क नाम (SSID) - नेटवर्क का नाम जो एक्सेस प्वाइंट को व्यवस्थित करेगा।
कनेक्शन के लिए पासवर्ड - एक्सेस प्वाइंट से कनेक्ट करने के लिए पासवर्ड। यदि खाली छोड़ दिया जाता है, तो पहुंच बिंदु एक मुफ्त कनेक्शन वाले पासवर्ड के बिना होगा।

आईपी ​​एड्रेस - आईपी एड्रेस जो कि एक्सेस पॉइंट द्वारा बनाए गए नेटवर्क में कंट्रोलर का होगा। इस पते पर, आप फिर नियंत्रक से जुड़ सकते हैं।

शेष पैरामीटर ( सबनेट मास्क और नेटवर्क गेटवे ) आईपी पता सेट करने के बाद स्वचालित रूप से भरे जाएंगे, लेकिन यदि आवश्यक हो तो गैर-मानक मान आवश्यक होने पर उन्हें बदला जा सकता है।

परिणाम कुछ इस तरह होना चाहिए।



हमने पहुंच बिंदु समाप्त कर लिया है, हम इस नोड को ध्वस्त कर सकते हैं, और ग्राहक के पास जा सकते हैं। हम इसके नोड का विस्तार भी करते हैं, और इसे " डिस्कनेक्ट " शाखा पर डबल-क्लिक करके सक्षम करते हैं



ग्राहक को अनुकूलित करें। क्लाइंट को कॉन्फ़िगर करने के लिए दो विकल्प हैं। नेटवर्क सेटिंग्स की सीधी सेटिंग, और डीएचसीपी के माध्यम से सेटिंग्स प्राप्त करना। शुरू करने के लिए, हम दूसरे विकल्प का उपयोग करते हैं।



कृपया ध्यान दें कि सुरक्षा कारणों से, प्रोजेक्ट ट्री में कनेक्शन पासवर्ड नहीं दिखाया गया है।

वाई-फाई इंटरफेस की स्थापना के साथ समाप्त हो गए हैं। हम क्लाइंट नोड को बंद करते हैं (यदि आवश्यक हो) और वाई-फाई फर्मवेयर अपडेट मोड (यदि आवश्यक हो) सेट करने के लिए आगे बढ़ें। यह नोड केवल तब दिखाई देता है जब क्लाइंट चालू होता है।

हम " अक्षम " शाखा पर डबल-क्लिक करके इस मोड को सक्षम करते हैं



हम आवश्यक पैरामीटर सेट करते हैं (मापदंडों के मूल्य को बदलते हुए संबंधित शाखा पर डबल-क्लिक करके किया जाता है)।



पासवर्ड - नया फर्मवेयर भरने से पहले पासवर्ड सेट करते समय, आपको इसे दर्ज करना होगा।
डिवाइस का नाम - यह नाम Arduino IDE में कनेक्शन पोर्ट के नाम से दिखाई देगा।

यहाँ Arduino OTA मोड के बारे में और पढ़ें।

अब हम सीधे वेब कॉन्फ़िगरेशन इंटरफ़ेस के निर्माण के लिए आगे बढ़ते हैं। " वेब कॉन्फ़िगरेशन इंटरफ़ेस " नोड खोलें और इसे " अक्षम " शाखा पर डबल-क्लिक करके चालू करें



वेब सेटिंग्स इंटरफ़ेस मापदंडों के साथ पृष्ठों का एक सेट है। यदि एक से अधिक पृष्ठ हैं, तो उन्हें एक्सेस करने के लिए एक मेनू स्वचालित रूप से जेनरेट होता है। यदि आप संपूर्ण वेब सेटिंग्स इंटरफ़ेस के लिए सामान्य शैलियों का उपयोग करते हैं, तो प्रत्येक पृष्ठ के लिए, आप अपनी खुद की CSS शैलियाँ सेट कर सकते हैं।
संपूर्ण वेब इंटरफ़ेस के लिए सामान्य सीएसएस शैलियों को कॉन्फ़िगर करने के लिए, " सामान्य शैली " शाखा पर डबल-क्लिक करें



सामान्य शैली सेटिंग्स विंडो खुलती है।



टैब पर " शैलियों का विवरण " सभी सेटिंग्स पृष्ठों के लिए लागू शैलियों के विवरण के लिए सीधे एक इनपुट फ़ील्ड है। डिफ़ॉल्ट रूप से, यह फ़ील्ड पहले से ही मानक इंटरफ़ेस बनाने के लिए शैलियों से आबाद है। लेकिन अगर आप पृष्ठों के डिजाइन को बदलना चाहते हैं, तो आप उन्हें बदल सकते हैं।

" शैलियाँ " टैब पर, आप विशिष्ट पृष्ठ तत्वों के लिए उपयोग की जाने वाली शैलियों के नाम निर्दिष्ट कर सकते हैं।



यह टैब भी डिफ़ॉल्ट रूप से भरा हुआ है।

" ग्रंथ " टैब पर, आप पृष्ठ पर उपयोग किए जाने वाले मुख्य तत्वों के ग्रंथों को दर्ज कर सकते हैं।



डिफ़ॉल्ट मान के साथ इस संवाद के सभी मूल्यों को पुनर्स्थापित करने के लिए, आप " डिफ़ॉल्ट " बटन का उपयोग कर सकते हैं।

सामान्य शैलियों में निर्दिष्ट शैली और पाठ सेटिंग्स सभी सेटिंग्स पृष्ठों पर लागू होती हैं, अगर वे किसी विशिष्ट पृष्ठ की शैली सेटिंग्स द्वारा अवरुद्ध नहीं होती हैं (हम नीचे इस पर विचार करेंगे)
पृष्ठ " सेटिंग पृष्ठ " नोड में दिखाए जाते हैं। हम इसे प्रकट करते हैं।



डिफ़ॉल्ट रूप से, हमेशा एक पृष्ठ होता है। अपना नोड खोलने के बाद, हम इसकी सेटिंग्स तक पहुँच प्राप्त करते हैं।



होम पेज का पता - मुख्य सेटिंग्स पेज का पता। डिफ़ॉल्ट रूप से, होस्ट नेटवर्क पर नियंत्रक का पता है। यदि आवश्यक हो, तो आप बदल सकते हैं। इसे होस्ट / सेटिंग पते (इस शाखा पर डबल क्लिक करें) में बदलें।



पेज का नाम - मेनू में पेज का नाम। इसे नाम के साथ छोड़ दें - " होम "
पृष्ठ शैली - इस शाखा पर डबल-क्लिक करने से इस विशेष पृष्ठ के लिए शैली सेटिंग संवाद आता है।







इस संवाद में, आप इस पृष्ठ के लिए अतिरिक्त CSS शैलियाँ जोड़ सकते हैं और डिज़ाइन तत्वों के लिए शैलियों और ग्रंथों को असाइन कर सकते हैं। आप सामान्य शैलियों संवाद में वर्णित शैलियों को फिर से परिभाषित कर सकते हैं।

" पैरामीटर " नोड में, पृष्ठ पर प्रदर्शित पैरामीटर सेट किए गए हैं। मुख्य पृष्ठ पर, हम राउटर से प्राप्त आईपी पते के प्रदर्शन को सादे पाठ में डीएचसीपी के माध्यम से सेट करेंगे। पैरामीटर " एड पैरामीटर " शाखा पर डबल-क्लिक करके जोड़ा जाता है



एक नया पैरामीटर बनाने के लिए संवाद खुलता है। इसमें, शुरुआत के लिए, सिस्टम पैरामीटर का चयन करने के लिए बटन दबाएं।



उपलब्ध सिस्टम मापदंडों की एक सूची खुलती है। " वाई-फाई क्लाइंट - आईपी एड्रेस " पैरामीटर का चयन करें।



लेबल फ़ील्ड में, इस पैरामीटर के लिए पाठ लेबल दर्ज करें, और पैरामीटर प्रकार फ़ील्ड में, " पाठ " चुनें



पैरामीटर बनाने के बाद, प्रोजेक्ट ट्री का एक नया नोड दिखाई देगा जिसमें आप इस पैरामीटर के लिए शैली को कॉन्फ़िगर कर सकते हैं, पैरामीटर सेटिंग्स बदल सकते हैं या इसे हटा सकते हैं।



" सहेजें बटन" और "रीसेट बटन" नोड्स पृष्ठ पर डेटा सहेजें और नियंत्रक रीसेट बटन की उपलब्धता को निर्दिष्ट करते हैं। चूंकि हमारे पास मुख्य पृष्ठ पर कोई परिवर्तनशील डेटा नहीं है, इसलिए पृष्ठ पर इन बटनों को " प्रयुक्त " शाखा पर डबल-क्लिक करके अक्षम करें (डिफ़ॉल्ट रूप से, बटन पृष्ठ पर मौजूद हैं)।



" पृष्ठ जोड़ें " शाखा पर डबल-क्लिक करके एक नया पृष्ठ जोड़ें



एक नया पेज बनाने का डायलॉग खुलेगा। इसमें, पृष्ठ का नाम भरें (जैसा कि इसे सेटिंग इंटरफ़ेस मेनू में कहा जाएगा) और पता। सब पेज एड्रेस हमेशा होम पेज एड्रेस पर जाता है। इस पृष्ठ पर हम पहुंच बिंदु सेटिंग्स कॉन्फ़िगर करेंगे।



मुख्य पृष्ठ के साथ-साथ नए पृष्ठ नोड में, आप इस विशेष पृष्ठ के लिए पृष्ठ का पता, नाम, सेट शैलियों को बदल सकते हैं, प्रदर्शित मापदंडों और बटनों की उपस्थिति सेट कर सकते हैं। खैर, इसके अलावा पेज को हटाने की क्षमता है।



पेज पर " वाई-फाई एक्सेस प्वाइंट - नेटवर्क नाम (एसएसआईडी) " पैरामीटर जोड़ें



और हम इसके लिए " इनपुट फ़ील्ड " प्रकार और " नेटवर्क नाम " लेबल का चयन करेंगे



उसी तरह, एक्सेस प्वाइंट के शेष मापदंडों को जोड़ें।



यदि पृष्ठ पर एक से अधिक पैरामीटर हैं, तो शाखाएं पैरामीटर नोड्स में उस क्रम को बदलने के लिए दिखाई देती हैं जिसमें पैरामीटर पृष्ठ पर प्रदर्शित होते हैं।

चूंकि पृष्ठ पर चर पैरामीटर हैं, इसलिए हम नियंत्रक के सहेजें और उस पर बटन फिर से लोड करेंगे।

शैलियों संवाद में इस पृष्ठ के लिए, इस पृष्ठ का शीर्षक सेट करें।



उसी परिदृश्य में, क्लाइंट सेटिंग्स के साथ एक पेज बनाएं। पैरामीटर के लिए " वाई-फाई क्लाइंट - डीएचसीपी से अधिक प्राप्त करें ", हम " चेक बॉक्स " पैरामीटर का प्रकार निर्धारित करते हैं



यदि पृष्ठ नोड्स में इंटरफ़ेस में दो से अधिक पृष्ठ हैं, तो इंटरफ़ेस मेनू में पृष्ठों की स्थिति को नियंत्रित करने वाली शाखाएं भी दिखाई देती हैं। लेकिन मुख्य पृष्ठ हमेशा प्रथम रहता है।



फिलहाल, इंटरफ़ेस और सभी पृष्ठों तक पहुंच मुफ्त है। हम एक एक्सेस प्रतिबंध लागू करते हैं। ऐसा करने के लिए, " एक्सेस टू इंटरफ़ेस " नोड की " फ्री एक्सेस " शाखा पर डबल-क्लिक करें



अब आपको इंटरफ़ेस तक पहुंचने के लिए लॉग इन करना होगा। सक्रिय प्राधिकरण समय निर्धारित किया जा सकता है। डिफ़ॉल्ट रूप से, यह 15 मिनट है। इस समय के बाद, अंतिम उपयोगकर्ता गतिविधि के बाद, वर्तमान उपयोगकर्ता स्वचालित रूप से रीसेट हो जाएगा। इस समय को संबंधित शाखा पर डबल-क्लिक करके बदला जा सकता है।



" उपयोगकर्ता " नोड में, आप उपयोगकर्ताओं की आवश्यक संख्या निर्धारित कर सकते हैं। हमेशा एक सुपर उपयोगकर्ता होता है (डिफ़ॉल्ट लॉगिन एडमिन है )। सभी पृष्ठ और पैरामीटर हमेशा उसके लिए उपलब्ध हैं। किसी भी उपयोगकर्ता के लिए, आप उसकी साइट में एक उपयोगकर्ता नाम और पासवर्ड निर्दिष्ट कर सकते हैं।



एक नया उपयोगकर्ता बनाएं जिसके पास एक्सेस पॉइंट को कॉन्फ़िगर करने का अधिकार होगा। ऐसा करने के लिए, " उपयोगकर्ता जोड़ें " शाखा पर डबल-क्लिक करें। उपयोगकर्ता जोड़ें संवाद खुलता है। इसमें हम नए यूजर का यूजरनेम और पासवर्ड सेट करेंगे



और एक अन्य उपयोगकर्ता बनाएं जो क्लाइंट को कॉन्फ़िगर कर सकता है।



लॉगिन और पासवर्ड द्वारा पहुंच को सक्षम करने के बाद, सभी पृष्ठों पर " बाहर निकलें " बटन दिखाई दिया, जो वर्तमान उपयोगकर्ता से बाहर निकलने के लिए कार्य करता है। इसे सभी पृष्ठों पर छोड़ दें।



अब पृष्ठों तक पहुंच को कॉन्फ़िगर करें। मुख्य पृष्ठ हमेशा सभी उपयोगकर्ताओं के लिए उपलब्ध है। और शेष पृष्ठों के नोड्स में एक नई शाखा " एक्सेस " दिखाई दी है। " एक्सेस प्वाइंट " पृष्ठ के नोड में इस शाखा पर डबल-क्लिक करें।



पृष्ठ तक पहुंचने के लिए उपयोगकर्ताओं का चयन करने के लिए एक संवाद खुलेगा। डिफ़ॉल्ट रूप से, एक्सेस सभी उपयोगकर्ताओं के लिए खुला है। उपयोगकर्ता " User_Client " को अनचेक करें जिससे इस पृष्ठ पर उसकी पहुंच सीमित हो जाए।



उसी तरह, हम उपयोगकर्ता " User_Tochka " के लिए ग्राहक सेटिंग पृष्ठ तक पहुँच को प्रतिबंधित करते हैं



उपयोगकर्ता नाम और पासवर्ड सेट करने के लिए दूसरा पेज बनाते हैं



सभी उपयोगकर्ताओं के लिए इस पृष्ठ लॉगिन और पासवर्ड मापदंडों में जोड़ें। ये पैरामीटर लॉगिन और पासवर्ड द्वारा पहुंच को सक्षम करने के बाद सिस्टम पैरामीटर की सूची में दिखाई दिए।



इस पृष्ठ के लिए, हम एक्सेस प्रतिबंध को कॉन्फ़िगर नहीं करेंगे, लेकिन मापदंडों पर सीधे प्रतिबंध को कॉन्फ़िगर करें। एक्सेस सेटिंग्स शाखाएं पैरामीटर नोड्स में दिखाई दीं, पेज एक्सेस सेटिंग्स के समान।



व्यवस्थापक के मापदंडों द्वारा दोनों उपयोगकर्ताओं तक पहुंच से इनकार करते हैं, और हम उपयोगकर्ता के मापदंडों तक केवल उस उपयोगकर्ता तक पहुंच छोड़ते हैं, जिनके पास ये पैरामीटर हैं।

इस पर हम वेब इंटरफ़ेस के कॉन्फ़िगरेशन को पूर्ण मानते हैं।

कार्यक्रम के मुख्य इंटरफ़ेस में बटन "कंपाइल प्रोजेक्ट" दबाएं और Arduino IDE में एक तैयार स्केच प्राप्त करें।





Arduino IDE में, हम अपने बोर्ड का चयन करते हैं।



और पोर्ट जिससे नियंत्रक जुड़ा हुआ है



फिर फर्मवेयर को कंट्रोलर में भरें



तो, हमें क्या मिला ...

डाउनलोड करने के बाद, एक नया एक्सेस पॉइंट दिखाई देता है।



हम इससे जुड़े हैं और हम परियोजना में हमारे द्वारा निर्धारित पते पर जाते हैं। लॉगिन पेज दिखाई देता है।



पासवर्ड और व्यवस्थापक लॉगिन दर्ज करें, और मुख्य पृष्ठ पर जाएं



हमें मेनू के सभी पृष्ठ दिखाई देते हैं





और लॉगिन और पासवर्ड पेज पर सभी मापदंडों।



हम User_Tochka के नीचे छोड़ते हैं और लॉग इन करते हैं । हम मेनू में केवल सुलभ पृष्ठ और केवल अपना उपयोगकर्ता नाम और पासवर्ड देखते हैं



हम User_Client के तहत लॉग इन हैं और चित्र उपयुक्त है - हम केवल वही देखते हैं जो माना जाता है



हम Arduino IDE खोलते हैं और पोर्ट सेटिंग्स में हम देखते हैं कि नियंत्रक फर्मवेयर को "हवा में" अपडेट करने के लिए तैयार है।



आज के लिए बस इतना ही।

अगले पाठ में, हम उपयोगकर्ता सिस्टम मापदंडों और सटीक समय सर्वर के साथ सिंक्रनाइज़ेशन पर विचार करेंगे। इस पाठ में बनाई गई परियोजना को यहाँ डाउनलोड करें ।

युपीडी।
यह पाठ संस्करण 3.1.4 के लिए बनाया गया था, जो अब पूर्व-रिलीज़ परीक्षण में है। आप इसे यहाँ डाउनलोड कर सकते हैं । आप कंपनी के ब्लॉग पर हब , प्रोजेक्ट वेबसाइट और फ़ोरम से FLProg प्रोजेक्ट के बारे में अधिक जान सकते हैं। इसके अलावा, ArduinoProm चैनल पर, आप वीडियो सबक की एक विशाल विविधता देख सकते हैं।