Isi kandungan:

NODEMCU DAN TAMPILKAN VISUINO BERITA LANGSUNG DARI INTERNET: 8 Langkah
NODEMCU DAN TAMPILKAN VISUINO BERITA LANGSUNG DARI INTERNET: 8 Langkah

Video: NODEMCU DAN TAMPILKAN VISUINO BERITA LANGSUNG DARI INTERNET: 8 Langkah

Video: NODEMCU DAN TAMPILKAN VISUINO BERITA LANGSUNG DARI INTERNET: 8 Langkah
Video: Pelatihan Penerapan IoT Dalam Pengiriman Data Sensor Ke Website Menggunakan Protokol HTTP - PKM TE 2024, Julai
Anonim
Image
Image

Dalam tutorial ini kita akan menggunakan NodeMCU Mini, OLED Lcd, dan Visuino untuk memaparkan BERITA langsung setiap beberapa saat dari internet di LCD. Tonton video demonstrasi.

Langkah 1: Apa yang Anda Perlu

Apa yang Anda Perlu
Apa yang Anda Perlu
Apa yang Anda Perlu
Apa yang Anda Perlu
Apa yang Anda Perlu
Apa yang Anda Perlu
  • NodeMCU Mini
  • OLED Lcd
  • Papan roti
  • Wayar pelompat
  • Program Visuino: Muat turun Visuino

Langkah 2: Litar

Litar
Litar
  • Sambungkan GND dari NodeMCU ke pin papan roti (gnd)
  • Sambungkan pin 5V dari NodeMCU ke pin papan roti (positif)
  • Sambungkan pin 0 (SCL) dari NodeMCU ke pin LCD OLED (SCL)
  • Sambungkan pin 1 (SDA) dari NodeMCU ke pin LCD OLED (SDA)
  • Sambungkan pin LCD OLED (VCC) ke pin papan roti (positif)
  • Sambungkan pin LCD OLED (GND) ke pin papan roti (GND)

Langkah 3: Mulakan Visuino, dan Pilih NodeMCU ESP-12

Mulakan Visuino, dan Pilih NodeMCU ESP-12
Mulakan Visuino, dan Pilih NodeMCU ESP-12
Mulakan Visuino, dan Pilih NodeMCU ESP-12
Mulakan Visuino, dan Pilih NodeMCU ESP-12

Untuk mula memprogram Arduino, anda perlu memasang Arduino IDE dari sini:

Perlu diketahui bahawa terdapat beberapa bug kritikal dalam Arduino IDE 1.6.6. Pastikan anda memasang 1.6.7 atau lebih tinggi, jika tidak, Instructable ini tidak akan berfungsi! Sekiranya anda belum selesai, ikuti langkah-langkah dalam Petunjuk ini untuk mengatur Arduino IDE untuk memprogram ESP 8266!

Visuino juga perlu dipasang. Mulakan Visuino seperti yang ditunjukkan pada gambar pertama Klik pada butang "Tools" pada komponen Arduino (Gambar 1) di Visuino

Apabila dialog muncul, pilih "NodeMCU ESP-12" seperti yang ditunjukkan pada Gambar 2

Langkah 4: Persediaan WiFi

Persediaan WiFi
Persediaan WiFi
Persediaan WiFi
Persediaan WiFi
Persediaan WiFi
Persediaan WiFi

Pilih NodeMCU ESP-12 dan di editor Modul> WiFi> Titik Akses, klik pada butang […], sehingga tetingkap "Titik akses" akan terbuka

Dalam editor ini seret titik akses WiFi ke sebelah kiri.

  • Di bawah "SSID" masukkan nama Rangkaian WiFi anda
  • Di bawah "Kata Laluan" masukkan kata laluan akses untuk rangkaian WiFi anda

Tutup tetingkap "Titik akses"

Di sebelah kiri dalam editor pilih Modul> Wifi> Soket, klik pada butang […], sehingga tetingkap "Soket" akan terbuka

Seret Pelanggan TCP dari kanan ke kiri

Di bawah port set tetingkap Properties: 80

Langkah 5: Dalam Visuino Tambah Komponen

Dalam Visuino Tambah Komponen
Dalam Visuino Tambah Komponen
Dalam Visuino Tambah Komponen
Dalam Visuino Tambah Komponen
Dalam Visuino Tambah Komponen
Dalam Visuino Tambah Komponen

Tambah komponen CharToText1

Tetapkan Panjang Maksimum 1000

Tambah Paparan OLED I2C

Klik dua kali dan di tetingkap tetingkap Teks ke kiri

Tambah Teks Berformat

letakkan ini di bawah nilai "teks": DAPATKAN https://feeds.reuters.com/Reuters/worldNews HTTP / 1.1

Terima: teks / html, aplikasi / xhtml + xml, aplikasi / xml; q = 0.9, gambar / laman web, gambar / apng, * / *; q = 0.8

Terima-Charset: *. *

Terima-Bahasa: en-US, en; q = 0.7, sl; q = 0.3

Hos: feeds.reuters.com

DNT: 1

Tambah Teks Ganti (ReplaceText1)

  1. tetapkan "Dari Nilai":
  2. tetapkan "ToValue" ke kosong

Tambah Teks Ganti (ReplaceText2)

  1. (lihat gambar) tetapkan "Dari Nilai": TAB TAB
  2. tetapkan "ToValue" ke kosong
  • Tambah Panjang Teks (Panjang Teks2)
  • Tambah ContainsText (ContainsText1)
  1. Tetapkan nilai "teks": TAB TAB

    (lihat gambar)

    • Tambah Teks Ingat
    • Tambah logik DAN

    • Tambah Nilai Tambah
    1. set Nilai: 1

      • Tambah BandingkanValue (BandingkanValue1)

        1. tetapkan "perbandingan jenis": ctSmallerOrEqual
        2. tetapkan "nilai": 2

        • Tambah BandingkanValue (BandingkanValue3)

          1. tetapkan "perbandingan jenis": ctBigger
          2. tetapkan "nilai": 3

          Langkah 6: Di Visuino: Menghubungkan Komponen

          Di Visuino: Menghubungkan Komponen
          Di Visuino: Menghubungkan Komponen
          • Sambungkan NodeMCU ESP-12> Modul WiFi Socket TCP Client1> Pin [Out] ke pin CharToText1 [In]
          • Sambungkan pin CharToText1 [keluar] ke pin ReplaceText1 [di]
          • Sambungkan pin ReplaceText1 [out] ke pin TextLength2 [in] dan pin ContainsText1 [in] dan ke pin RememberText1 [di]
          • Sambungkan pin TextLength2 [out] untuk BandingkanValue3 pin [in]
          • Sambungkan pin BandingkanValue3 [keluar] ke pin And1 [1]
          • Sambungkan pin ContainsText1 [keluar] ke pin And1 [0]
          • Sambungkan pin And1 [keluar] ke pin Tambah Nilai1 [di]
          • Sambungkan pin AddValue1 [keluar] untuk membandingkanPin11 pin [di]
          • Hubungkan pin BandingkanValue1 [keluar] ke pin RememberText1 [ingat] dan pin [ingat]
          • Sambungkan pin RememberText1 [keluar] ke pin ReplaceText2 [di]
          • Sambungkan pin ReplaceText2 [keluar] ke pin siri NodeMCU ESP-12 [in] dan ke pin medan teks elemen DisplayOLED1 [di]
          • Sambungkan pin DisplayOLED1 [keluar] ke pin NodeMCU ESP-12 I2C [di]

          Langkah 7: Hasilkan, Susun, dan Muat Naik Kod Arduino

          Hasilkan, Susun, dan Muat Naik Kod Arduino
          Hasilkan, Susun, dan Muat Naik Kod Arduino
          Hasilkan, Susun, dan Muat Naik Kod Arduino
          Hasilkan, Susun, dan Muat Naik Kod Arduino

          Di Visuino, Tekan F9 atau klik pada butang yang ditunjukkan pada Gambar 1 untuk menghasilkan kod Arduino, dan buka Arduino IDE

          Di Arduino IDE, klik pada butang Upload, untuk menyusun dan memuat naik kod (Gambar 2)

          Langkah 8: Main

          Sekiranya anda menghidupkan modul NodeMCU, OLED Lcd akan mula menunjukkan Berita Dunia Terkini.

          Tahniah! Anda telah menyelesaikan projek Berita Langsung anda dengan Visuino. Juga dilampirkan adalah projek Visuino, yang saya buat untuk Instructable ini. Anda boleh memuat turun dan membukanya di pautan Visuino: Muat turun

Disyorkan: