Ana Sayfa Robotik Sistemler ESP8266: Google Haritalar ile GPS Konum Web Sunucusu Yapımı

ESP8266: Google Haritalar ile GPS Konum Web Sunucusu Yapımı

1031
0
  Okuma Süresi:   Bu yazıyı  " 7 "  dakikada okuyabiliriniz.
ESP8266: Google Haritalar ile GPS Konum Web Sunucusu Yapımı
Sitemin tek geliri olan reklamları görüntülemek için AdBlock eklentinizi kapatırsanız sevinirim 🙂

ESP8266 modülleri, dahili Wi-Fi özellikli, düşük maliyetli tek başına kontrol üniteleridir.

Bu Yazımızda, ESP8266 ve Seri GPS ile GPS Modülünün konumunu göstermek için Google Map’i kullanarak GPS Web Sunucusunu nasıl yapabileceğinizi göstereceğim. Web tarayıcısına sahip birden fazla cihazdan mevcut Wi-Fi ağınıza bağlanabilecek ve modülün nerede olduğunu her zaman görebileceksiniz.

Lütfen, GPS Modülünü bağlamak için Seri kullanacağımızdan, Seri GPS Modülünü bağlamadan önce ESP8266’yı programlamanız gerekeceğini unutmayın!

1. Adım: Bileşenler

  • Bir NodeMCU ESP8266 kartı (NodeMC U 0.9 sürümünü kullandım, ancak herhangi bir başkası, hatta tek başına ESP-12 veya ESP-01 çalışacak)
  • Bir gps modülü
  • 3 dişi-dişi atlama teli
  • İsteğe bağlı olarak: NodeMCU ESP8266’ya güç sağlamak için USB Kablolu bir USB Güç kaynağı (USB Güç Bankası kullandım ancak başka bir seçenek işe yarayacak)

2. Adım: Visuino’yu başlatın ve ESP8266 Board tipini seçin.

Arduino’yu programlamaya başlamak için, buradan Arduino IDE’yi yüklemeniz gerekir: http://www.arduino.cc

1.6.7 veya daha üstünü kurduğunuzdan emin olun, aksi takdirde bu proje çalışmaz!

Yapmadıysanız, ESP 8266’yı programlamak için ve Arduino IDE’yi ayarlamak için internetteki dökümanları kontrol ediniz.

Yapmadıysanız, ESP 8266’yı programlamak için Arduino IDE’yi ayarlamak için bu Eğitimdeki adımları izleyin!

Visuino: https://www.visuino.com da kurulmalıdır.

  • Visuino’yu ilk resimde gösterildiği gibi başlatın
  • Visuino’da Arduino bileşenindeki “Araçlar” düğmesini tıklayın.
  • Diyalog göründüğünde, Resim 2’de gösterildiği gibi “NodeMCU ESP-12” yi seçin.

3. Adım: Visuino’da: Bir Ana Bilgisayar Adı ve Erişim Noktası Ayarlayın

Öncelikle, modülü mevcut Erişim Noktasına bağlanmak ve ağ üzerinde bulabilmek için HostName’i atamak üzere yapılandırmamız gerekir.

  • Nesne Denetçisinde, “Modüller” özelliğini, ardından “WiFi” alt özelliğini genişletin (Resim 1)
  • Nesne Denetçisinde “HostName” özelliğinin değerini “gpsserver” olarak ayarlayın (Resim 1)
  • Nesne Denetçisinde, “WiFi” nin “AccessPoints” alt özelliğini genişletin ve değerinin yanındaki “…” düğmesini tıklayın (Resim 2)
  • “AccessPoins” editöründe, sağ görünümden “WiFi Erişim Noktası” nı seçin ve sonra erişim noktasını eklemek için soldaki “” düğmesine tıklayın (Resim 2).
  • Nesne Denetçisinde, “SSID” özelliğinin değerini Wi-Fi Hotspot’unuzun (Erişim Noktası) SSID’sine ayarlayın (Resim 4)
  • Wi-Fi Hotspot’unuz (Erişim Noktası) şifre gerektiriyorsa, Nesne Denetçisinde, şifreyi “Şifre” özelliğinin değerine ayarlayın (Resim 4).
  • “AccessPoints” iletişim kutusunu kapatın

4. Adım: Visuino’da: İletişim için bir TCP / IP Sunucu Soketi ekleyin

Daha sonra iletişim için bir TCP / IP Sunucu soketi eklememiz gerekir.

  • Nesne Denetçisinde, WiFi’nin “Soketler” alt özelliğinin yanındaki “…” düğmesini tıklayın.
  • Sockets editöründe “TCP / IP Server” ı seçin ve ardından bir tane eklemek için “Sockets” düğmesine tıklayın.
  • “Soketler” iletişim kutusunu kapatın

5. Adım: Visuino’da: 2 Analog Kanallı GPS ve Formatlı Metin bileşeni ekleyin

Modülden GPS bilgilerini kontrol etmek ve okumak için, bunun için bileşen Visuino’ya eklememiz gerekir.

Ayrıca web sayfasını verilerden oluşturmamız gerekiyor. Sayfa sadece bir HTML metin belgesidir, bu yüzden onu oluşturmak için Biçimlendirilmiş Metin bileşenini kullanabiliriz.

  • Bileşen Araç Kutusu’nun Filtre kutusuna “gps” yazıp “Seri GPS” bileşenini (Resim 1) seçin ve tasarım alanına bırakın.
  • Bileşen Araç Kutusunun Filtre kutusuna “form” yazıp “Biçimlendirilmiş Metin” bileşenini (Resim 2) seçin ve tasarım alanına bırakın.
  • FormattedText1 bileşeninin “Araçlar” düğmesini tıklayın (Resim 3).
  • Elements düzenleyicide, sağdaki Analog Öğeyi seçin ve soldaki “” düğmesine 2 kez tıklayın (Resim 4), bunlardan 2 tane ekleyin (Resim 5).
  • İsteğe bağlı olarak: Nesne Denetçisinde, Analog Öğeler için daha yüksek bir hassasiyet belirleyebilirsiniz.
  • “Elements” düzenleyicisini kapatın.

6. Adım: Visuino’da: Sunucu yanıtı için Biçimlendirilmiş Metin Ayarla

Bir web istemcisi sunucuya bağlandığında oluşturulacak HTML metnini belirtmemiz gerekir.

Gönderdiğim verilerden sonra kapatılacak bağlantıyı belirleyeceğiz ve ayrıca belgeye “Yenile: 5” ekleyerek tarayıcıya 5 saniye sonra yeniden bağlanmasını bildireceğiz. Bu şekilde web sayfası her 5 saniyede bir yenilenir.

Bu ders için Google javascript maps API kullandım. İsterseniz haritayı daha iyi özelleştirmek için HTML metnini değiştirebilirsiniz.

  • Tasarım Alanında, FormattedText1 bileşenini seçin (Resim 1).
  • Nesne Denetçisi’nde “Metin” özelliğini seçin ve değerinin yanındaki “…” düğmesini tıklayın (Resim 1).
  • “Metin” editöründe Resim 2’deki metni yazın. HTML metnini ekteki metin dosyasında bulabilir ve oradan kopyalayabilirsiniz.% 0, AnalogElement1 öğesinin değeriyle değiştirilir ve% 1, AnalogElement2 öğesinin değeriyle değiştirilir.
  • İletişim kutusunu kapatmak için Tamam düğmesine tıklayın.

7. Adım: Visuino’da: GPS bileşenini bağlayın

  • GPS1 bileşeninin “Latitude” çıkış pimini, FormattedText1 bileşeninin AnalogElement1 öğesinin “In” pimine bağlayın (Resim 1)
  • GPS1 bileşeninin “Boylam” çıkış pimini, FormattedText1 bileşeninin AnalogElement2’sinin “In” pimine bağlayın (Resim 2)
  • GPS1 bileşeninin “Çıkış” çıkış pimini, Arduino bileşeninin “Seri [0]” kanalının “Giriş” giriş pimine bağlayın (Resim 3)

8. Adım: Visuino’da: Formatlanmış Metin bileşenini bağlayın ve Gecikme bileşeni ekleyin ve bağlayın

  • FormattedText1 bileşeninin “Çıkış” pimini “NodeMCU ESP-12” bileşeninin “Modüller.WiFi.Sockets.TCPServer1” in “Giriş” pimine bağlayın (Resim 1)
  • Bileşen Araç Kutusunun Filtre kutusuna “delay” yazın ve sonra “Delay” bileşenini seçin (Resim 2) ve tasarım alanına bırakın
  • FormattedText1 bileşeninin “Out” pimini Delay1 bileşeninin “In” pimine bağlayın (Resim 3)
  • Gecikme1 bileşeninin “Çıkış” pimini “NodeMCU ESP-12” bileşeninin “Modül.WiFi.Sockets.TCPServer1” girişindeki “Disconnect” giriş pimine bağlayın (Resim 4)

Gecikme bileşeni, metin gönderildikten kısa bir süre sonra soketin bağlantısını kesecektir.

9. Adım: Arduino kodunu oluşturun, derleyin ve yükleyin

  • Visuino’da, Arduino kodunu oluşturmak için F9 tuşuna basın veya Resim 1’de gösterilen düğmeye tıklayın ve Arduino IDE’yi açın.
  • NodeMCU modülünü USB kablosuyla bilgisayara bağlayın
  • Bu Eğitim Kılavuzunda gösterdiğim gibi pano tipini ve seri portu seçin
  • Arduino IDE’de, kodu derleyip yüklemek için Yükle düğmesine tıklayın (Resim 2).

10. Adım: GPS Modülünü ESP8266’ya bağlayın

  • GPS Modülüne Güç (Kırmızı tel), Toprak (Siyah tel) ve TX (Gri tel) bağlayın.
  • Topraklama kablosunun diğer ucunu (Siyah kablo) NodeMCU kartının Toprak pimine bağlayın (Resim 2)
  • TX’in diğer ucunu (Gri kablo) NodeMCU kartının RX pimine bağlayın (Resim 2)
  • Resim 4, NodeMCU 0.9’un Toprak, 3.3V Güç ve RX pinlerinin nerede olduğunu göstermektedir.

11. Adım: Hadi Çalıştıralım.

Tebrikler! Google Haritalar ile bir Wi-Fi GPS Web Sunucusu yaptınız.

Resim 1’de bağlı ve açılmış projeyi görebilirsiniz. Modülü çalıştırmak için küçük bir USB Güç Bankası kullandım.

4. adımdaki projede Wi-Fi erişim noktanız için doğru SSID ve Şifreyi girdiğinizden emin olun!

Genellikle açıldıktan kısa bir süre sonra, GPS konum verilerini göndermeye başlar. Konuma bağlı olarak, konum verilerini göstermek birkaç dakika sürebilir. Birkaç dakika sonra veriler hala gösterilmiyorsa, projeyi bir dakika kadar bekleyin ve GPS’i sıfırlamak için tekrar açın.

Bilgisayarınızda veya mobil cihazınızda bir web tarayıcısı açarsanız ve şunu yazın:

gpsserver./

Ve Enter tuşuna basarsanız, modül tarafından tespit edilen GPS konumunun haritasını görürsünüz (2. Resim). Harita, 7. adımda belirtildiği şekilde, biçimlendirilmiş metin bileşenindeki HTML metni tarafından her 5 saniyede bir yenilenecektir.

Noktayı adın sonuna eklediğinizden emin olun, aksi halde Windows etki alanı adını çözemez!

CEVAP VER

Lütfen yorumunuzu giriniz!
Lütfen isminizi buraya giriniz