Spisu treści:

Zrób blog z Esp8266: 7 kroków
Zrób blog z Esp8266: 7 kroków

Wideo: Zrób blog z Esp8266: 7 kroków

Wideo: Zrób blog z Esp8266: 7 kroków
Wideo: NodeMCU | ESP8266 Pierwsze Uruchomienie Tutorial #1 2024, Lipiec
Anonim
Zrób blog z Esp8266
Zrób blog z Esp8266

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

Projektowanie stron
Projektowanie stron

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

Port NAT
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

DDNS
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: