Агуулгын хүснэгт:
- Алхам 1: Шаардлагатай эд ангиуд -
- Алхам 2: Хэлхээ -
- Алхам 3: Код -
- Алхам 4: Кодыг байршуулах -
- Алхам 5: Видео үзэх -
- Алхам 6: Баярлалаа
Видео: ESP8266-01 Вэб хуудас: 6 алхам
2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:04
Бүгдээрээ сайн байцгаана уу. Өнөөдөр, энэ нийтлэлд бид ESP8266-01-ийн вэб хуудас хийж сурах болно. Энэ төслийг хийх нь маш энгийн бөгөөд хэдхэн минут л болно. Энэ хэлхээ нь бас энгийн бөгөөд кодыг ойлгоход хялбар байдаг. Бид Arduino IDE -ийг ашиглан FTDI -ийн таслах самбар ашиглан програмыг ESP -д байршуулах болно. Тиймээс, эхэлцгээе.
Алхам 1: Шаардлагатай эд ангиуд -
1) Arduino IDE суулгасан зөөврийн компьютер.
2) ESP8266-01.
3) FTDI -ийн таслах зөвлөл.
4) Цөөхөн утас.
5) USB Mini A төрлийн кабель.
Алхам 2: Хэлхээ -
ESP8266 FTDI таслах самбар
VCC 3.3V
CH_PD 3.3V
GND GND
GPIO 0 GND
RX TX
TX RX
Алхам 3: Код -
Кодод оруулах цорын ганц зүйл бол "Сүлжээний нэр" ба "Сүлжээний нууц үг" юм.
Алхам 4: Кодыг байршуулах -
Видео үзэх -
Алхам 5: Видео үзэх -
Алхам 6: Баярлалаа
Зарим сэтгэгдэл бичнэ үү. Үзэгчдийн сэтгэгдлүүд намайг сайжруулж, ийм төслүүдийг үргэлжлүүлэн хийх урам зориг өгдөг.
Зөвлөмж болгож буй:
Эхлэгчдэд зориулсан хаалт ашиглан энгийн вэб хуудас хэрхэн үүсгэх вэ: 14 алхам
Эхлэгчдэд зориулсан хаалт ашиглан энгийн вэб хуудас хэрхэн үүсгэх вэ? Танилцуулга Дараах заавар нь хаалт ашиглан вэб хуудас хийх алхам алхмаар зааварчилгааг өгдөг. Хаалт нь вэб хөгжүүлэлтэд гол анхаарлаа хандуулдаг эх код засварлагч юм. Adobe Systems-ийн бүтээсэн, энэ нь үнэгүй, нээлттэй эхийн програм хангамжийн лицензтэй
Node.js вэб хуудас 2 -р хэсэг: 7 алхам
Node.js вэб хуудас 2 -р хэсэг: 2 -р хэсэгт тавтай морилно уу !! Энэ бол миний Node.js вэбсайтын програмын хичээлийн 2 -р хэсэг юм. Би товч танилцуулга хэрэгтэй байгаа хүмүүс болон вэб хуудсан дээр бүрэн заавар авахыг хүссэн хүмүүсийг тусгаарласан тул энэ хичээлийг хоёр хэсэгт хуваасан
Nifty Neopixel нэрийн хуудас ба зурагт хуудас: 3 алхам
Гоёмсог неопикселийн нэрийн хуудас ба самбар: Үнэтэй, эмзэг, аюултай тоног төхөөрөмжийн дэргэд байрлуулах шаардлагатай ширээний нэрийн хуудас эсвэл гарын тэмдэг хийх хялбар арга энд байна. Тэмдгийн чухал мессежийг тодруулахын тулд тэдгээрийг Neopixels ашиглан гэрэлтүүлээрэй. Үлгэр, уламжлалт бүтээгдэхүүн үйлдвэрлэгчдэд тохиромжтой
Нүцгэн ясны вэб хуудас: 10 алхам
Нүцгэн ясны вэб хуудас: Өнөөдөр бид эхнээс нь маш энгийн, нүцгэн ястай вэб хуудас бүтээх гэж байна. Бид HTML элементүүдийн талаар, таны вэб хуудсыг загварчлах (өнгө, фонт, зэрэгцүүлэлт гэх мэт), эцэст нь вэб хуудсандаа хэрхэн зураг оруулах талаар ярилцах болно! Энэ зааврын төгсгөлд
Вэб хуудсаа (Google хуудас бүтээгч) Line Picasa дээр нэгтгэх: 5 алхам
Вэб хуудсаа (Google хуудас бүтээгч) Line Picasa дээр нэгтгээрэй: Сайн байна уу, миний анхны зааварчилгаа энд таалагдаж байна! Google -ийн хуудас бүтээгчтэй вэбсайтыг тохируулах зааварчилгааг үргэлжлүүлээрэй