Съдържание:
- Стъпка 1: Уеб дизайн
- Стъпка 2: Конвертирайте Html файл в H файл
- Стъпка 3: Esp8266 код (използвайки Arduino)
- Стъпка 4: NAT порт
- Стъпка 5: DDNS
- Стъпка 6: Video Instruc на виетнамски
- Стъпка 7: Статията ме вдъхнови
Видео: Направете блог с Esp8266: 7 стъпки
2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:52
Ако вашият блог е прост и трафикът е нормален, ще ви насоча да използвате 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 порт
Това зависи от вашия модем, например от вашия модем. Моят дом използва модем на gw040
Когато портът приключи, можете да отидете в нашия блог от интернет, като използвате IP адреса (напр. Http://123.123.123.123). твоя.
Забележка:
- Няколко модема отварят порта, след което виждат мрежата чрез публичен IP с мрежата не е възможно, но извън мрежата нормалният изглед е наред.
- Ако използвате 3G предавател към мрежово ниво за ESP8266, той няма да работи извън интернет:)
Стъпка 5: 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…
Той има подробни инструкции как да създадете уеб сървър. Но уебсайтът е прост и работи само локално. Подобрих го като личен блог, който може да се гледа в интернет
Препоръчано:
Направете ГРАНИЦИ НА ГРАНИЦА с GPS с помощта на Arduino: 8 стъпки
Направете GPS ГРАНИЧНИ ГРАНИЦИ с помощта на Arduino: В този урок ще се научим как да правим ГРАНИЦИ НА ГРАНИЦА с GPS, използвайки Arduino, това е полезно, когато имате робот и не искате той да излиза извън определената зона. Когато роботът е извън зоната. , на дисплея ще се покаже " Отвън & quot
PIraTarbut, блог Medioambiental Con Emisora De Radio (CHT): 7 стъпки
PIraTarbut, блог Medioambiental Con Emisora De Radio (CHT): PIraTarbut е un proyecto interdisciplinario maker, donde buscamos crear una estaci ó n de radio de bajo alcance que puede emitir un podcast acerca del medio ambiente. En fayecto sedel primera es la fase de preparaci ó n
Как да си направим блог в Blogger: 9 стъпки
Как да си направим блог в Blogger: Ако имате мнение, което искате да споделите, блогът е правилното нещо за вас! Ако никога досега не сте имали блог, мисля, че блогърът е това, което искате да използвате. В този урок Ще ви науча как да си направите блог в услугата Blogger
Създаване на блог с помощта на Blogger.com: 19 стъпки
Създаване на блог с помощта на Blogger.com: Следните инструкции ще ви покажат как да направите блог с помощта на Blogger.com. За да използвате Blogger.com, ще ви е необходим имейл адрес на Google
Как да хоствате свой собствен Wordpress блог: 6 стъпки
Как да хоствате свой собствен Wordpress блог: Инсталирането на Wordpress на вашия собствен сървър ви дава повече контрол върху вашия блог. Този Instructable е стъпка по стъпка ръководство за това как да го направите, напълно безплатно и не се изискват умения за кодиране