ক্যাপটিভ পোর্টাল ব্যবহার করে হোম অটোমেশন: 9 টি ধাপ

2024 লেখক: John Day | [email protected]. সর্বশেষ পরিবর্তিত: 2024-01-30 08:00

এখানে, আমরা শুরু থেকে নোডএমসিইউ ব্যবহার করে ক্যাপটিভ পোর্টাল ভিত্তিক হোম অটোমেশনের একটি খুব আকর্ষণীয় প্রকল্প তৈরি করতে যাচ্ছি।

ধাপ 1: প্রাথমিক ঘোষণা

DNS সার্ভার তৈরির জন্য অ্যাকশন, হেডার ফাইল এবং কোড সম্পাদনের জন্য NodeMCU- এর IO পিনগুলি ঘোষণা করুন।

ধাপ 2: ফ্রন্ট এন্ডের জন্য এইচটিএমএল কোড I.e. লগইন পৃষ্ঠায়

ছবিতে দেখানো হয়েছে, একটি স্ট্রিং ভেরিয়েবলের মধ্যে এইচটিএমএল কোড ঘোষণা করুন যা আমরা অ্যাক্সেস কোডের বৈধতার জন্য শেষ ব্যবহারকারীর কাছে পাঠাই।

*এখানে ব্যবহারকারীর প্রবেশ করা ডেটা ধরার জন্য আমরা নোঙ্গর ফলক এবং href ট্যাগ ব্যবহার করছি

*মূলত অ্যাঙ্কর ট্যাগটি ওয়েব পেজের মধ্যে আরেকটি ওয়েব পেজ যুক্ত করতে ব্যবহৃত হয় এবং href ট্যাগ লিঙ্কের গন্তব্য নির্ধারণ করে।

*কিন্তু, এখানে আমরা অ্যাঙ্কর প্যান এবং href ট্যাগের মাধ্যমে অ্যাক্সেস কোড ক্ষেত্রের মধ্যে ব্যবহারকারীর প্রবেশ করা ডেটা গ্রহণ করছি …

কিভাবে, আমি ওয়েব ইন্টারফেস থেকে ইনপুট ধরার দুটি পদ্ধতির কথা উল্লেখ করব যার মানে আমাদের প্রোগ্রামারদের শেষ হওয়া..

ধাপ 3: WebServer.arg () এবং WebServer.on () পদ্ধতি ব্যবহার করুন

যেমন, আমি আগের ধাপে উল্লেখ করেছি আমি আপনাকে দুটি ভিন্ন পদ্ধতি বলব..

1) webServer.arg () পদ্ধতি ব্যবহার করে:

এখানে, আমরা ছবিতে দেখানো হিসাবে উপাদান সহ অটোফোকাস বৈশিষ্ট্য নির্দিষ্ট করি, অটোফোকাস যা করে তা হল এটি একটি বুলিয়ান বৈশিষ্ট্য যখন এটি সত্য মানে হল উপস্থিত এটি নিশ্চিত করে যে পৃষ্ঠা লোড হওয়ার সময় ইনপুট উপাদানটি ফোকাস হয়ে যায়।

এবং তারপরে, আমরা সার্ভার অবজেক্টে args () পদ্ধতিটি কল করি। এই পদ্ধতিটি HTTP তে পাস করা ক্যোয়ারী প্যারামিটারের সংখ্যা ফিরিয়ে দেবে এবং সেই অনুযায়ী ক্রিয়া সম্পাদনের জন্য শর্তাধীন বিবৃতি প্রয়োগ করবে।

2) href অ্যাট্রিবিউট ব্যবহার করে:

এখানে, আমরা আমাদের নিয়ন্ত্রণ উপাদানগুলি (যেমন বোতাম) নির্দিষ্ট করি এবং একটি স্ট্রিং, চার, লিঙ্ক বরাদ্দ করি যা আপনি শর্তাধীন বিবৃতি ব্যবহার করে যাচাই করতে চান এবং তারপর আমরা যাচাইকরণের জন্য ইনপুট পাওয়ার জন্য webServer.on () এ কল করি।

হিসাবে দেখানো হয়েছে..

ধাপ 4: যদি ব্যবহারকারীর প্রকারগুলি ভুল শংসাপত্র

আমি যা করেছি, কেবল বিদ্যমান লগইন পৃষ্ঠা কোডটি পরিবর্তন করুন এবং একটি নতুন শিরোনাম যুক্ত করুন যে ব্যবহারকারী একটি ভুল শংসাপত্র প্রবেশ করেছে।

প্রথমে শংসাপত্রটি যাচাই করুন যদি এটি ভুল হয় তবে ব্যবহারকারীকে নতুন সম্পাদিত লগইন পৃষ্ঠায় ত্রুটি বার্তা দেখাচ্ছে।

হিসাবে দেখানো হয়েছে..

ধাপ 5: আপনার ওয়েব পেজে কিভাবে ছবি যুক্ত করবেন।

এটা খুবই সহজ, কারণ এখানে আমরা আমাদের ছবিগুলিকে একটি ফিজিক্যাল স্টোরেজে সংরক্ষণ করছি না যাতে আমরা সেই ছবিটি আনতে একটি পথ প্রদান করি যা আমরা সাধারণত HTML পৃষ্ঠার ক্ষেত্রে করি।

তাই আমরা যা করি তা হল আমাদের ছবিগুলিকে বেস 64 এ রূপান্তর করুন এবং এটি আমাদের পৃষ্ঠা কোডে দেখান হিসাবে পেস্ট করুন..

ধাপ 6: আমাদের কি কি উপাদান প্রয়োজন

1)- নোড এমসিইউ

2)- Arduino IDE ফ্ল্যাশ nodeMCU

3) -জাম্পার তার (F-2-F)

4) রিলে মডিউল

5)-একটি ওয়াইফাই সক্ষম স্মার্টফোন বা ল্যাপটপ পরীক্ষা করার জন্য

ধাপ 7: সংযোগ

কোডে ঘোষিত আইও পিনগুলিতে রিলে মডিউল যুক্ত করুন।

ছবিতে দেখানো হিসাবে আপনি যে ইলেকট্রিক যন্ত্রপাতিগুলি নিয়ন্ত্রণ করতে চান তার সাথে রিলে সংযুক্ত করুন..

ধাপ 8: এখন পরীক্ষা করুন এবং উপভোগ করুন

ধাপ 9: কোড এখানে

আপনার মূল্যবান মন্তব্য লিখুন..