სახლის ავტომატიზაცია ტყვე პორტალის გამოყენებით: 9 ნაბიჯი

2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:17

აქ, ჩვენ შევქმნით ტყვე პორტალზე დაფუძნებული სახლის ავტომატიზაციის ძალიან საინტერესო პროექტს nodeMCU ნულიდან.. ასე რომ, დავიწყოთ..

ნაბიჯი 1: საწყისი დეკლარაციები

გამოაცხადეთ nodeMCU- ის IO ქინძისთავები მოქმედების შესასრულებლად, სათაურის ფაილები და კოდი DNS სერვერის შესაქმნელად.. ნაჩვენებია სურათში..

ნაბიჯი 2: Html კოდი Front End I.e. შესვლის გვერდი

როგორც სურათზეა ნაჩვენები, გამოაცხადეთ html კოდი სიმებიანი ცვლადის ფარგლებში, რომელსაც ჩვენ ვუგზავნით საბოლოო მომხმარებელს წვდომის კოდის შესამოწმებლად.

*მომხმარებლის მიერ აქ შეყვანილი მონაცემების დასაფიქსირებლად ჩვენ ვიყენებთ წამყვანის სარკმელს და href ტეგს

*ძირითადად Anchor tag გამოიყენება ვებ გვერდზე სხვა ვებ გვერდის დასამატებლად და href tag განსაზღვრავს ბმულის დანიშნულებას.

*მაგრამ, აქ ჩვენ ვიღებთ მომხმარებლის მიერ შეყვანილ მონაცემებს წვდომის კოდის ველში Anchor Pane და href tag…

როგორ, მე აღვნიშნავ ორ მეთოდს ვებ ინტერფეისიდან ჩვენი საშუალებით პროგრამისტების დამთავრების მიზნით.

ნაბიჯი 3: WebServer.arg () და WebServer.on () მეთოდების გამოყენება

როგორც წინა პუნქტში აღვნიშნე, მე გეტყვით ორ განსხვავებულ მეთოდს.

1) webServer.arg () მეთოდის გამოყენებით:

აქ ჩვენ განვსაზღვრავთ ავტოფოკუსის ატრიბუტს ელემენტთან ერთად, როგორც ეს ნაჩვენებია სურათზე, რას აკეთებს ავტოფოკუსი არის ის, რომ ეს არის ლოგიკური ატრიბუტი, როდესაც ის ჭეშმარიტი ნიშნავს წარმოადგინოს იგი გარანტიას, რომ შეყვანის ელემენტი ფოკუსირდება გვერდის ჩატვირთვისას.

და შემდეგ, ჩვენ მოვუწოდებთ args () მეთოდს სერვერის ობიექტზე. ეს მეთოდი დააბრუნებს HTTP– ზე გადაცემული მოთხოვნის პარამეტრების რაოდენობას და გამოიყენებს პირობით განცხადებებს მოქმედებების შესაბამისად შესასრულებლად.

2) და href ატრიბუტის გამოყენებით:

აქ ჩვენ განვსაზღვრავთ ჩვენს საკონტროლო ელემენტებს (ღილაკების მსგავსად) შიგნით და მივცემთ სტრიქონს, char, ბმულს, რომლის შემოწმებაც გსურთ პირობითი განცხადებების გამოყენებით და შემდეგ ჩვენ ვურეკავთ webServer.on () - ს შესამოწმებლად შეყვანის მისაღებად.

Როგორც ნაჩვენებია..

ნაბიჯი 4: თუ მომხმარებელი აკრიფებს არასწორ სერტიფიკატებს

რაც მე გავაკეთე, უბრალოდ შეცვალეთ არსებული შესვლის გვერდის კოდი და დაამატეთ ახალი სათაური, რომელიც აცნობებს, რომ მომხმარებელმა შეიტანა არასწორი სერთიფიკატი.

ჯერ დაადასტურეთ რწმუნებათა სიგელი, თუ ის არასწორია, მიმართეთ მომხმარებელს ახალ შესწორებულ შესვლის გვერდზე, სადაც ნაჩვენებია შეცდომის შეტყობინება.

Როგორც ნაჩვენებია..

ნაბიჯი 5: როგორ დაამატოთ სურათი თქვენს ვებ გვერდზე

ეს ძალიან მარტივია, რადგან აქ ჩვენ არ ვინახავთ ჩვენს სურათებს ფიზიკურ საცავში, რათა უზრუნველვყოთ გზა იმ სურათის მოსაპოვებლად, რასაც ჩვენ ჩვეულებრივ ვაკეთებთ html გვერდის შემთხვევაში.

ასე რომ, რასაც ჩვენ ვაკეთებთ, უბრალოდ გადავიყვანოთ ჩვენი სურათები base64– ში და ჩასვით ჩვენს გვერდის კოდში, როგორც ნაჩვენებია..

ნაბიჯი 6: რა კომპონენტები გვჭირდება

1)- nodeMCU

2)- Arduino IDE to nodeMCU

3) -ჯუმბერის მავთულები (F-2-F)

4) -რელეო მოდული

5)-WiFi- ს მიერ სმარტფონის ან ლეპტოპის შესამოწმებლად

ნაბიჯი 7: კავშირები

დაამატეთ სარელეო მოდული კოდში გამოცხადებულ IO ქინძისთავებს.

შეაერთეთ რელე ელექტრო მოწყობილობებთან, რომელთა კონტროლიც გსურთ, როგორც ეს ნაჩვენებია სურათზე..

ნაბიჯი 8: ახლა გამოსცადე და ისიამოვნე

ნაბიჯი 9: კოდი აქ არის

გთხოვთ დაწეროთ თქვენი ღირებული კომენტარები..