Съдържание:

Направете блог с Esp8266: 7 стъпки
Направете блог с Esp8266: 7 стъпки

Видео: Направете блог с Esp8266: 7 стъпки

Видео: Направете блог с Esp8266: 7 стъпки
Видео: Home Assistant - подключаем адресную ленту WS2812B через ESP8266 с прошивкой WLED 2024, Юли
Anonim
Направете блог с Esp8266
Направете блог с Esp8266

Ако вашият блог е прост и трафикът е нормален, ще ви насоча да използвате esp8266 като сървър за блог. Една година струва 1 долар електроенергия:)

В резултат на това ще имате уебсайт като този:

Стъпка 1: Уеб дизайн

Уеб дизайн
Уеб дизайн

Това зависи от всеки. Използвам Google doc, за да направя въведение за себе си и след това да го запиша на компютъра си в html формат. Но в днешния урок изтеглих шаблон, достъпен онлайн за бързо (https://www.w3schools.com/w3css/w3css_templates.asp) Има само няколко подробности, които трябва да се отбележат:

  • Снимките трябва да се качват на определен хост и след това да връщат връзката към html файла (използвам временна кофа за снимки)
  • Библиотеките js, css обикновено имат cdn. Използвайте cdn вместо да записвате директно в esp8266.
  • Например, ще имам само начална страница, за да се представя, за да можете да развивате повече:)

И това е резултатът при отваряне на html файла на компютъра:

Стъпка 2: Конвертирайте Html файл в H файл

Отворете html файла (css, js), който току -що получих по -горе. След това копирате съдържанието. Отидете на https://hs2t.com/tools/html2CString Поставете съдържанието в първото поле и след това натиснете Convert. Копирайте съдържанието във второто поле:) поставете във.h файла

Стъпка 3: Esp8266 код (използвайки Arduino)

Изтеглете и редактирайте кода по -долу:

  • Сменете домашния си wifi
  • Променете статичния ip в настройките на модема (трябва да зададете фиксиран ip, за да улесните отварянето на порта към интернет)
  • За раздела ddns ще обясня повече в присвояването на име на домейн безплатно!

Добре, след зареждане на кода, отидете на неговия локален IP тест (например 192.168.1.24), за да видите, че уебсайтът е наред: D

Стъпка 4: NAT порт

NAT порт
NAT порт

Това зависи от вашия модем, например от вашия модем. Моят дом използва модем на gw040

Когато портът приключи, можете да отидете в нашия блог от интернет, като използвате IP адреса (напр. Http://123.123.123.123). твоя.

Забележка:

  • Няколко модема отварят порта, след което виждат мрежата чрез публичен IP с мрежата не е възможно, но извън мрежата нормалният изглед е наред.
  • Ако използвате 3G предавател към мрежово ниво за ESP8266, той няма да работи извън интернет:)

Стъпка 5: DDNS

DDNS
DDNS

Тъй като нашият ip е динамичен, трябва да използваме DDNS услуга. Какво е името на име на домейн, свързано с домашния ви ip? Когато домашният ви IP се промени, той ще актуализира услугата DDNS, така че услугата присвоява нов IP адрес на нашия домейн. Първо регистрирате акаунт и безплатно име на домейн като myname.boxip.net на https://boxip.net тук I използвайте името

След това копирайте връзката wget в страницата с настройки, за да я замените с кода ESP8266. ESP8266 по подразбиране на всеки 5 минути ще извиква DDNS сървър за актуализиране на IP. Сега опитайте https://han.boxip.net и се насладете на резултатите: P

Стъпка 6: Video Instruc на виетнамски

Ако ви е интересно и полезно, не забравяйте да се абонирате за канала, за да получавате още видеоклипове

Стъпка 7: Статията ме вдъхнови

www.instructables.com/id/How-to-Build-a-ES…

Той има подробни инструкции как да създадете уеб сървър. Но уебсайтът е прост и работи само локално. Подобрих го като личен блог, който може да се гледа в интернет

Препоръчано: