İçindekiler:

Esp8266 ile Blog Yapın: 7 Adım
Esp8266 ile Blog Yapın: 7 Adım

Video: Esp8266 ile Blog Yapın: 7 Adım

Video: Esp8266 ile Blog Yapın: 7 Adım
Video: ESP8266 NodeMCU Nedir, Nasıl Kullanılır? Örnek Web Server Projesi ve Arduino ile Kıyaslama 2024, Temmuz
Anonim
Esp8266 ile Blog Yapın
Esp8266 ile Blog Yapın

Blogunuz basit ve trafik normal ise, esp8266'yı blog sunucusu olarak kullanmanız için size rehberlik edeceğim. Bir yıl 1 dolar elektrik maliyeti:)

Ve sonuç olarak şöyle bir web siteniz olacak:

Adım 1: Web Tasarımı

Web Tasarım
Web Tasarım

Bu herkese bağlı. Google doc'u kendimle ilgili bir tanıtım yapmak için kullanıyorum ve daha sonra html formatında bilgisayarıma kaydediyorum. Ancak bugünün eğitiminde, çevrimiçi olarak hızlı bir şekilde kullanılabilen bir şablon indirdim (https://www.w3schools.com/w3css/w3css_templates.asp) Dikkate alınması gereken yalnızca birkaç ayrıntı var:

  • Fotoğraflar belirli bir ana bilgisayara yüklenmeli ve ardından bağlantıyı html dosyasına geri götürmelidir (geçici photobucket kullanıyorum)
  • js, css kitaplıklarında normalde cdn bulunur. Doğrudan esp8266'ya kaydetmek yerine cdn kullanın.
  • Mesela ben sadece kendimi tanıtacağım bir ana sayfam olacak ki siz daha çok geliştirebilesiniz:)

Ve bu, bilgisayarda html dosyasını açarken ortaya çıkan sonuçtur:

Adım 2: Html Dosyasını H Dosyasına Dönüştürün

Az önce aldığım html dosyasını (css, js) açın. Ardından içeriği kopyalarsınız. https://hs2t.com/tools/html2CString adresine gidin İçeriği ilk kutuya yapıştırın ve ardından Dönüştür'e basın. İkinci kutudaki içeriği kopyalayın:).h dosyasına koyun

Adım 3: Esp8266 Kodu (Arduino kullanarak)

Aşağıdaki kodu indirin ve düzenleyin:

  • Ev wifi'nizi değiştirin
  • Statik ipi modem ayarlarına göre değiştirin (portun internete açılmasını kolaylaştırmak için sabit ip atamanız gerekir)
  • ddns bölümü için alan adı atamasında daha fazlasını ücretsiz anlatacağım!

Tamam, kodu yükledikten sonra, web sitesinin iyi olduğunu görmek için yerel IP testine (örneğin, 192.168.1.24) gidin: D

4. Adım: NAT Bağlantı Noktası

NAT Bağlantı Noktası
NAT Bağlantı Noktası

Bu, modeminize, örneğin modeminize bağlıdır. Evim gw040 modem kullanıyor

Port bittiğinde internetten IP adresini (örn. https://123.123.123.123) kullanarak blogumuza gidebilirsiniz. senin.

Not:

  • Birkaç modem bağlantı noktasını açar, ardından ağ ile genel IP ile web'i görmek mümkün değildir, ancak ağ dışında normal görünüm tamamdır.
  • ESP8266 için ağ seviyesine 3G verici kullanırsanız internet dışında çalışmayacaktır:)

Adım 5: DDNS

DDNS
DDNS

IP'miz dinamik olduğu için DDNS servisini kullanmamız gerekiyor. Ev IP'nizle ilişkili bir alan adının adı nedir? Ev IP'niz değiştiğinde, DDNS hizmetini güncelleyecek, böylece hizmet alan adımıza yeni bir IP atayacaktır. Önce https://boxip.net adresinde myname.boxip.net gibi bir hesap ve ücretsiz bir alan adı kaydedin. https://boxip.net adını kullanın

Ardından, ESP8266 koduyla değiştirmek için ayarlar sayfasındaki wget bağlantısını kopyalayın. Her 5 dakikada bir varsayılan ESP8266, IP'yi güncellemek için DDNS sunucusunu çağırır. Şimdi https://han.boxip.net'i deneyin ve sonuçların keyfini çıkarın: P

6. Adım: Videoyu Vietnamca Öğrenin

İlginç ve faydalı bulursanız, daha fazla video almak için kanala abone olmayı unutmayın.

7. Adım: Makale Bana İlham Verdi

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

Web sunucusunun nasıl oluşturulacağına dair ayrıntılı talimatları var. Ancak web sitesi basittir ve yalnızca yerel olarak çalışır. İnternette görüntülenebilen kişisel bir blog olacak şekilde geliştirdim

Önerilen: