Spisu treści:
- Krok 1: Projektowanie stron internetowych
- Krok 2: Konwertuj plik HTML na plik H
- Krok 3: Kod Esp8266 (przy użyciu Arduino)
- Krok 4: Port NAT
- Krok 5: DDNS
- Krok 6: Poinstruuj wideo w języku wietnamskim
- Krok 7: Artykuł mnie zainspirował
Wideo: Zrób blog z Esp8266: 7 kroków
2024 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2024-01-30 11:31
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
Zrób EASY Infinity Mirror Cube - BEZ drukowania 3D i BEZ programowania: 15 kroków (ze zdjęciami)
Zrób EASY Infinity Mirror Cube | BEZ drukowania 3D i BEZ programowania: Każdy lubi dobrą kostkę nieskończoności, ale wygląda na to, że trudno byłoby ją wykonać. Moim celem dla tego Instructable jest pokazanie ci krok po kroku, jak go wykonać. Nie tylko to, ale dzięki instrukcjom, które ci daję, będziesz mógł zrobić jeden
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
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