
Spisu treści:
2025 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2025-01-23 15:03

Jeśli Twój blog jest prosty, a ruch jest normalny, poprowadzę Cię do korzystania z esp8266 jako serwera blogów. Jeden rok kosztuje 1 USD prądu:)
A rezultatem będzie taka strona internetowa:
Krok 1: Projektowanie stron internetowych

To zależy od wszystkich. Używam dokumentu Google, aby zrobić wstęp o sobie, a następnie zapisać go na swoim komputerze w formacie html. Ale w dzisiejszym samouczku pobrałem szablon dostępny online dla szybkiego (https://www.w3schools.com/w3css/w3css_templates.asp) Jest tylko kilka szczegółów, na które warto zwrócić uwagę:
- Zdjęcia powinny zostać przesłane do określonego hosta, a następnie pobrać link z powrotem do pliku html (ja używam tymczasowego photobucket)
- Biblioteki js, css zwykle mają cdn. Użyj cdn zamiast zapisywać bezpośrednio w esp8266.
- Na przykład będę miał tylko stronę główną, aby się przedstawić, abyś mógł się rozwijać:)
A taki jest wynik podczas otwierania pliku html na komputerze:
Krok 2: Konwertuj plik HTML na plik H
Otwórz plik html (css, js) właśnie powyżej. Następnie kopiujesz zawartość. Przejdź do https://hs2t.com/tools/html2CString Wklej zawartość w pierwszym polu, a następnie naciśnij Konwertuj. Skopiuj zawartość drugiego pola:) umieść w pliku.h
Krok 3: Kod Esp8266 (przy użyciu Arduino)
Pobierz i edytuj poniższy kod:
- Zmień swoje domowe wifi
- Zmień statyczne ip na ustawienia modemu (musisz przypisać stałe ip, aby ułatwić otwarcie portu do internetu)
- W sekcji ddns wyjaśnię więcej w przypisaniu nazwy domeny za darmo!
Ok, po załadowaniu kodu przejdź do jego lokalnego testu IP (na przykład 192.168.1.24), aby sprawdzić, czy strona jest w porządku:D
Krok 4: Port NAT

Zależy to od modemu, na przykład od modemu. Mój dom używa modemu gw040
Gdy port się zakończy, możesz przejść do naszego bloga z internetu posługując się adresem IP (np. https://123.123.123.123). Twój.
Notatka:
- Kilka modemów otwiera port, a następnie przeglądanie sieci przez publiczne IP z siecią nie jest możliwe, ale poza siecią normalny widok jest w porządku.
- Jeśli użyjesz nadajnika 3G do poziomu sieci dla ESP8266, nie będzie działać poza internetem:)
Krok 5: DDNS

Ponieważ nasz adres IP jest dynamiczny, musimy skorzystać z usługi DDNS. Jaka jest nazwa domeny powiązanej z Twoim domowym adresem IP? Kiedy zmieni się Twój domowy adres IP, zaktualizuje usługę DDNS, dzięki czemu usługa przypisze nowy adres IP do naszej domeny. Najpierw zarejestrujesz konto i bezpłatną nazwę domeny, taką jak myname.boxip.net na https://boxip.net tutaj I użyj nazwy
Następnie skopiuj link wget na stronie ustawień, aby zastąpić go kodem ESP8266. ESP8266 domyślnie co 5 minut zadzwoni do serwera DDNS, aby zaktualizować IP. Teraz spróbuj https://han.boxip.net i ciesz się wynikami: P
Krok 6: Poinstruuj wideo w języku wietnamskim

Jeśli uznasz to za interesujące i przydatne, pamiętaj, aby zasubskrybować kanał, aby otrzymywać więcej filmów
Krok 7: Artykuł mnie zainspirował
www.instructables.com/id/How-to-Build-a-ES…
Ma szczegółowe instrukcje jak stworzyć webserver. Ale strona jest prosta i działa tylko lokalnie. Ulepszyłem go tak, aby stał się osobistym blogiem, który można przeglądać w Internecie
Zalecana:
Zrób zegar lustrzany Infinity: 15 kroków (ze zdjęciami)

Zrób zegar lustrzany nieskończoności: W poprzednim projekcie zbudowałem lustro nieskończoności, gdzie moim ostatecznym celem było przekształcenie go w zegar. (Zrób kolorowe lustro nieskończoności) Nie dążyłem do tego po zbudowaniu go, ponieważ chociaż wyglądało fajnie, było kilka rzeczy z
Zrób to sam Jak wyświetlić czas na M5StickC ESP32 za pomocą Visuino - łatwe do zrobienia: 9 kroków

DIY Jak wyświetlić czas na M5StickC ESP32 za pomocą Visuino - łatwe do zrobienia: W tym samouczku nauczymy się programować ESP32 M5Stack StickC z Arduino IDE i Visuino, aby wyświetlać czas na LCD
PIraTarbut, Blog Medioambiental Con Emisora De Radio (CHT): 7 kroków

PIraTarbut, Blog Medioambiental Con Emisora De Radio (CHT): PIraTarbut jest twórcą projektów interdyscyplinarnych, donde buscamos crear una estación de radio de bajo alcance que puede emitir un podcast acerca del medio ambiente. primera es la fase de preparaci&n
Zrób to sam czujnik drzwi dla bezpieczeństwa za pomocą ESP8266: 3 kroki

Zrób to sam czujnik drzwi dla bezpieczeństwa za pomocą ESP8266: Zabezpiecz swój dom za pomocą inteligentnego czujnika drzwi w pełni zaprojektowanego przy użyciu technologii open source. W tym filmie stworzymy urządzenie, które wykryje, czy drzwi są otwarte, czy zamknięte i wykryje informacje na smartfonie za pomocą serwer BLYNK, w
Jak prowadzić własny blog Wordpress: 6 kroków

Jak prowadzić własny blog Wordpress: Instalacja Wordpress na własnym serwerze zapewnia większą kontrolę nad swoim blogiem. Ta instrukcja jest przewodnikiem krok po kroku, jak to zrobić, całkowicie za darmo i nie wymaga umiejętności kodowania