ინტერნეტით კონტროლირებადი LED გამოყენება ESP32 დაფუძნებული ვებ სერვერის გამოყენებით: 10 ნაბიჯი

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

Პროექტის მიმოხილვა

ამ მაგალითში ჩვენ გავარკვევთ როგორ შევქმნათ ESP32 დაფუძნებული ვებ სერვერი LED მდგომარეობის გასაკონტროლებლად, რომელიც ხელმისაწვდომია მსოფლიოს ნებისმიერი ადგილიდან. თქვენ დაგჭირდებათ Mac კომპიუტერი ამ პროექტისათვის, მაგრამ თქვენ შეგიძლიათ ამ პროგრამული უზრუნველყოფის გაშვება თუნდაც იაფ და დაბალ ენერგიულ კომპიუტერზე, როგორიცაა Raspberry Pi.

ESP32– ის მომზადება Arduino IDE– ით

იმისათვის, რომ დაიწყოთ ESP32 პროგრამირება Arduino IDE და Arduino პროგრამირების ენის გამოყენებით, დაგჭირდებათ სპეციალური დანამატი. წაიკითხეთ იმის შესახებ, თუ როგორ უნდა მოამზადოთ Arduino IDE ESP32– ისთვის Mac OS– ზე შემდეგი ბმულით.

მარაგები

ამ გაკვეთილისთვის დაგჭირდებათ შემდეგი ელემენტები:

• ESP32 განვითარების დაფა 5 მმ
• LED რეზისტენტული 220 ohm
• 16x2 LCD დისპლეი I2C მოდულით
• პურის დაფა
• ჯუმბერის მავთულები
• მიკრო USB კაბელი

ნაბიჯი 1: წრის შექმნა

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

დაიწყეთ 3V3 მიწოდების ძაბვის გამომუშავებით ESP32 და GND პურის დაფაზე. შეაერთეთ LED რეზისტორის საშუალებით ESP32– თან GPIO pin 23 – ის გამოყენებით, როგორც ციფრული გამომავალი პინი. ამის შემდეგ, დაუკავშირეთ 16x2 LCD ეკრანის SDA პინი GPIO პინ 21 -ს და SCL GPIO პინ 22 -ს.

ნაბიჯი 2: SPIFFS ფაილური სისტემის სწრაფი მიმოხილვა

SPIFFS ნიშნავს "სერიული პერიფერიული ინტერფეისის ფაილური სისტემა", ანუ ფაილური სისტემა ფლეშ მეხსიერებისთვის, რომელიც მონაცემებს გადასცემს SPI საშუალებით. შესაბამისად, SPIFFS არის გამარტივებული ფაილური სისტემა, რომელიც განკუთვნილია მიკროკონტროლერებისთვის ფლეშ ჩიპებით, რომლებიც გადასცემენ მონაცემებს SPI ავტობუსით (როგორიცაა ESP32 ფლეშ მეხსიერება).

SPIFFS ყველაზე სასარგებლოა ESP32– თან გამოსაყენებლად შემდეგ სიტუაციებში:

• შექმენით ფაილები პარამეტრების შესანახად
• მონაცემთა მუდმივი შენახვა.
• მცირე რაოდენობის მონაცემების შესანახად ფაილების შექმნა (ამის ნაცვლად microSD ბარათის გამოყენება).
• ვებ სერვერის შესაქმნელად HTML და CSS ფაილების შენახვა.

ნაბიჯი 3: SPIFFS ჩატვირთვის ინსტალაცია Mac OS– ზე

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

უპირველეს ყოვლისა, დარწმუნდით, რომ გაქვთ Arduino IDE- ის უახლესი ვერსია და შემდეგ გააკეთეთ შემდეგი:

• გახსენით შემდეგი ბმული და ჩამოტვირთეთ არქივი "ESP32FS-1.0.zip"
• გადადით Arduino IDE დირექტორიაში, რომელიც მდებარეობს დოკუმენტების საქაღალდეში.
• შექმენით ინსტრუმენტების საქაღალდე, თუ ის არ არსებობს. ინსტრუმენტების დირექტორიის შიგნით შექმენით სხვა საქაღალდე ESP32FS. ESP32FS– ის შიგნით შექმენით კიდევ ერთი, რომელსაც ეწოდება ინსტრუმენტი.
• გახსენით ZIP არქივიდან გადმოწერილი არქივი ინსტრუმენტის საქაღალდეში.
• გადატვირთეთ თქვენი Arduino IDE.
• იმის შესამოწმებლად, იყო თუ არა დანამატი წარმატებით დაინსტალირებული, გახსენით Arduino IDE და დააწკაპუნეთ "ინსტრუმენტები" და შეამოწმეთ არის თუ არა ამ მენიუში პუნქტი "ESP32 Sketch Data Upload".

ნაბიჯი 4: ბიბლიოთეკების დაყენება

ESPAsyncWebServer და AsyncTCP ბიბლიოთეკები გაძლევთ საშუალებას შექმნათ ვებ სერვერი ESP32 ფაილური სისტემის ფაილების გამოყენებით. ამ ბიბლიოთეკების შესახებ დამატებითი ინფორმაციისთვის გადახედეთ შემდეგ ბმულს.

დააინსტალირეთ ESPAsyncWebServer ბიბლიოთეკა

• დააწკაპუნეთ აქ ბიბლიოთეკის ZIP არქივის ჩამოსატვირთად.
• გახსენით ეს არქივი. თქვენ უნდა მიიღოთ ESPAsyncWebServer-master საქაღალდე.
• გადაარქვით სახელი "ESPAsyncWebServer".

დააინსტალირეთ AsyncTCP ბიბლიოთეკა

• დააწკაპუნეთ აქ ბიბლიოთეკის ZIP არქივის ჩამოსატვირთად.
• გახსენით ეს არქივი. თქვენ უნდა მიიღოთ AsyncTCP-master საქაღალდე.
• გადაარქვით მას სახელი "AsyncTCP".

გადაიტანეთ ESPAsyncWebServer და AsyncTCP საქაღალდეები ბიბლიოთეკების საქაღალდეში, რომელიც მდებარეობს დოკუმენტების დირექტორიაში.

დაბოლოს, გადატვირთეთ Arduino IDE.

ნაბიჯი 5: შექმენით Index.html და Style.css ფაილი შემდეგი შინაარსით

HTML/CSS შაბლონი გადართვის ღილაკზე აღებულია შემდეგი წყაროდან.

ნაბიჯი 6: Arduino კოდი

ძირითადად, კოდი ემყარებოდა Arduino კოდს, რომელიც აღებული იყო ESP32 ვებ სერვერიდან SPIFFS- ის გამოყენებით და როგორ გამოვიყენოთ I2C LCD ESP32– ით Arduino IDE– ზე.

ნაბიჯი 7: ატვირთეთ Arduino კოდი და ფაილები SPIFFS Loader– ის გამოყენებით

• გახსენით Arduino კოდის ესკიზის საქაღალდე.
• ამ საქაღალდის შიგნით შექმენით ახალი საქაღალდე სახელწოდებით "მონაცემები".
• მონაცემთა საქაღალდის შიგნით, თქვენ უნდა განათავსოთ index.html და style.css.
• ატვირთეთ Arduino კოდი
• შემდეგ, ფაილების ასატვირთად, დააწკაპუნეთ Arduino IDE ინსტრუმენტებზე> ESP32 Sketch Data Upload

ნაბიჯი 8: განსაზღვრეთ ESP32 ვებ სერვერის IP მისამართი

მისი ნახვა შესაძლებელია ორი გზით.

• სერიული მონიტორი Arduino IDE– ზე (ინსტრუმენტები> სერიული მონიტორი)
• LCD ეკრანზე

ნაბიჯი 9: ადგილობრივი ვებ სერვერის ტესტირება

შემდეგი, გახსენით თქვენთვის სასურველი ვებ ბრაუზერი და ჩასვით შემდეგი IP მისამართი მისამართების ზოლში. თქვენ უნდა მიიღოთ შემდეგი ეკრანის ანალოგი.

ნაბიჯი 10: წვდომა ადგილობრივ ვებ სერვერზე მსოფლიოს ნებისმიერი ადგილიდან Ngrok– ის გამოყენებით

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

• მიჰყევით ამ ბმულს და დარეგისტრირდით.
• ანგარიშის შექმნის შემდეგ შედით სისტემაში და გადადით ჩანართზე "ავტორი". დააკოპირეთ ხაზი "შენი გვირაბის ავტოკეტირებული" ველიდან.
• დააწკაპუნეთ "ჩამოტვირთვის" ჩანართზე ნავიგაციის ზოლში. აირჩიეთ ngrok ვერსია, რომელიც შეესაბამება თქვენს OS- ს და გადმოწერეთ.
• გახსენით გადმოწერილი საქაღალდე და გაუშვით ბრძანების სტრიქონი.
• შეაერთეთ თქვენი ანგარიში შემდეგი ბრძანების შეყვანის გზით

./ ძირფესვიანად დაწერილი

დაიწყეთ HTTP გვირაბი 80 პორტზე

./ngrok http Your_IP_Address: 80

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