Isi kandungan:
- Langkah 1: Perkara yang Anda Perlu: -
- Langkah 2: Menyiapkan Arduino IDE: -
- Langkah 3: Menyiapkan Halaman di RemoteMe: -
- Langkah 4: Memuat naik Kod di MCU: -
- Langkah 5: Sambungan: -
- Langkah 6: Menguji: -
Video: Kawal Peranti Melalui Internet Melalui Penyemak Imbas. (IoT): 6 Langkah
2024 Pengarang: John Day | [email protected]. Diubah suai terakhir: 2024-01-30 11:10
Dalam Instructable ini saya akan menunjukkan kepada anda bagaimana anda dapat mengawal peranti seperti LED, Relay, motor dll melalui internet melalui penyemak imbas web. Dan anda boleh mengakses kawalan dengan selamat ke mana-mana peranti. Platform web yang saya gunakan di sini adalah RemoteMe.org melawat halaman untuk mengetahui lebih lanjut mengenainya.
Pastikan anda merujuk kepada gambar yang akan membantu anda memahami prosesnya dengan lebih baik.
Oleh itu, mari kita mulakan.
Langkah 1: Perkara yang Anda Perlu: -
Untuk projek ini, anda memerlukan: -
- Pautan ESP8266 (NodeMCU) untuk USLink untuk Eropah
- LEDLink untuk USLink untuk Eropah
- Tekan ButangLink untuk USLink untuk Eropah
- Papan roti. Pautan ke USLink untuk Eropah
Perisian: -
- Arduino IDE
- Akaun di RemoteMe.
Perhatikan bahawa anda boleh menggunakan Arduino atau Raspberry-pi untuk projek tersebut jika anda tidak mempunyai NodeMCU.
Langkah 2: Menyiapkan Arduino IDE: -
Mula-mula bekerja dengan NodeMCU Esp8266, anda mesti menambahkan papan ke IDE jika anda belum melakukannya, lihat Instruksinya di sini.
Setelah Papan tersedia di IDE terdapat beberapa perpustakaan yang diperlukan untuk projek ini.
Untuk memasang perpustakaan ini: -
Buka IDE dan Pergi >> Sketsa >> Sertakan Perpustakaan >> Urus Perpustakaan. Tetingkap pop timbul akan muncul. Di sini anda akan Cari Perpustakaan yang diperlukan
Senarai Perpustakaan: -
- RBD_Timer.h
- RBD_Button.h
- JauhMe.h
- ESP8266WiFi.h
- ESP8266WiFiMulti.h
- ArduinoHttpClient.h
Pasang satu demi satu dan mulakan semula IDE setelah selesai.
Dengan itu IDE siap digunakan.
Langkah 3: Menyiapkan Halaman di RemoteMe: -
Untuk menggunakan RemoteMe terlebih dahulu anda harus mendaftar supaya anda dapat membuat laman web anda sendiri dan mula mengawal peranti.
Goto RemoteMe.org klik pada "Application", Goto Signup dan masukkan maklumat anda dan tekan pendaftaran
Anda akan disambut dengan halaman selamat datang, Sekarang ke sebelah kiri dalam menu pilih "Peranti"
Di sebelah kanan anda akan melihat pilihan bernama "Peranti baru", Mengkliknya akan memberi anda menu tarik turun, Di sini pilih "Laman Web Baru"
Sekarang beri nama dan Device ID, saya telah menamakannya 'LED' dan diberi Device ID '203'. (ID peranti adalah nombor unik yang akan membezakan antara peranti yang berbeza.)
Pastikan togol ditetapkan ke 'aktif' dan tekan 'hantar'. Peranti baru bernama LED dengan ID peranti 203 akan muncul di halaman. Sekarang pilih anak panah ke bawah di sebelah kanan peranti dan anda akan melihat slot kosong di mana anda boleh membuat halaman web
Pergi halaman GitHub ini. Anda harus menyeret tiga fail (index.html, scripts.js & styles.css) dan menjatuhkannya satu persatu ke slot kosong di peranti anda dan anda sudah selesai
Langkah 4: Memuat naik Kod di MCU: -
Di bawah ini saya telah memberikan kod yang anda perlukan untuk menjayakan projek tersebut.
Sebelum anda boleh memuat naik kod, terdapat beberapa perubahan kecil yang harus anda buat dalam kod tersebut.
Setelah kod dibuka di IDE, anda harus memasukkan nama dan kata laluan WiFi anda di bidang yang diperlukan sehingga papan dapat menyambung ke rangkaian anda.
Lakukan Perubahan pada bahagian kod berikut: -
#define WIFI_NAME "Masukkan nama WiFi anda" #define WIFI_PASSWORD "Masukkan kata laluan WiFi anda" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Masukkan Autentikasi Token"
Untuk mendapatkan token Pengesahan Goto Remoteme.org >> Aplikasi >> Token (Dalam menu di sebelah kiri di bawah Peranti)
Salin Token dan tampal di kod.
Sekarang sambungkan NodeMCU anda ke PC anda, Pilih port yang betul dan muat naik kodnya.
Langkah 5: Sambungan: -
Ikuti gambar di atas untuk membuat sambungan: -
LED disambungkan ke Pin D5 MCU.
Butang tekan disambungkan ke Pin D2.
Gunakan perintang secara bersiri dengan LED untuk mengelakkan kerosakan pada LED.
Langkah 6: Menguji: -
Kini anda berjaya menyelesaikan projek ini. Sudah tiba masanya untuk menguji binaan.
Mula-mula untuk memeriksa apakah sambungannya betul, Tekan butang tekan dan anda akan melihat LED menyala, Menekan butang sekali lagi akan mematikan LED
Sekarang pergi ke laman web RemotMe dan buka aplikasi anda. log masuk menggunakan akaun yang anda log masuk
Sekarang goto Peranti dan pilih peranti yang baru anda buat. Perhatikan simbol Sambungan di sebelah kiri sebelum ID peranti bertukar hijau yang menunjukkan bahawa papan ESP disambungkan ke pelayan
Sekarang klik pada file "index.html" dan pilih "buka di tab baru", di tab baru halaman web akan muncul dengan lingkaran. Anda boleh mengklik bulatan untuk menyalakan dan mematikan LED
Untuk mengawal LED anda menggunakan telefon pintar. Sekali lagi pergi ke halaman peranti dan klik pada "index.html". Kali ini pilih, pilihan terakhir "Dapatkan pautan tanpa nama …", tetingkap pop timbul akan muncul dengan pautan yang boleh anda buka di mana-mana telefon pintar untuk mengawal LED tanpa perlu masuk setiap kali
Pilihan yang lebih baik lagi, anda boleh memilih pilihan QR tepat di sebelah pautan. Dan scan QR menggunakan Android atau iPhone anda dan anda akan diarahkan ke halaman web dengan bulatan
Lihat demo video untuk melihat bagaimana ia berfungsi.
Harap anda menyukai projek ini, Sekiranya anda mempunyai sebarang pertanyaan, sila tanyakan di komen.
Terima kasih.
Disyorkan:
Alat Kawalan Jauh Berasaskan Penyemak Imbas Arduino (linux): 9 Langkah (dengan Gambar)
Alat kawalan jauh berasaskan pelayar Arduino (linux): Kami mempunyai anak-anak. Saya suka mereka sedikit demi sedikit, tetapi mereka terus menyembunyikan alat kawalan jauh untuk satelit dan TV ketika mereka memasang saluran kanak-kanak. Selepas ini berlaku setiap hari selama beberapa tahun, dan setelah isteri sayang saya membenarkan saya mempunyai
Antara Muka Penyemak Imbas ATTiny Fuse Editor: 4 Langkah
Antaramuka Penyemak Imbas ATTiny Fuse Editor: Instruksional ini adalah untuk penyusun sekering ATTiny menggunakan ESP8266 dan antara muka pengguna berasaskan penyemak imbas. Ini menjadikan perubahan salah satu tetapan yang dikendalikan oleh 2 fuse byte adalah aktiviti yang sangat mudah. Peranti ini mempunyai ciri-ciri berikut. Supp pelayan web
Hantar Data ke Platform AskSensors IoT Dari Penyemak Imbas Web: 6 Langkah
Hantar Data ke Platform AskSensors IoT Dari Pelayar Web: Baru-baru ini saya telah menghantar arahan yang menunjukkan panduan langkah demi langkah untuk menyambungkan MCU nod ESP8266 ke Platform IoT AskSensors. Saya mendapat maklum balas daripada orang yang lebih berminat dengan platform AskSensors, tetapi mereka tidak mempunyai MCU nod. Ini saya
ESP8266 Pemantauan Suhu Nodemcu Menggunakan DHT11 pada Pelayan Web Tempatan - Dapatkan Suhu & Kelembapan Bilik di Penyemak Imbas Anda: 6 Langkah
ESP8266 Pemantauan Suhu Nodemcu Menggunakan DHT11 pada Pelayan Web Tempatan | Dapatkan Suhu & Kelembapan Bilik di Penyemak Imbas Anda: Hai kawan-kawan hari ini kita akan membuat kelembapan & sistem pemantauan suhu menggunakan ESP 8266 NODEMCU & Sensor suhu DHT11. Suhu dan kelembapan akan diperolehi dari DHT11 Sensor & ia dapat dilihat pada penyemak imbas yang laman webnya akan diuruskan
Kereta RasbperryPi Dengan Kamera FPV. Kawal dengan Penyemak Imbas Web: 31 Langkah (dengan Gambar)
Kereta RasbperryPi Dengan Kamera FPV. Kawalan dengan Penyemak Imbas Web: Kami akan membina kereta 4wd - stereng akan serupa seperti di tangki - untuk memutar satu sisi roda akan berputar dengan kelajuan yang berbeza daripada yang lain. Di kereta akan diletakkan kamera pada pemegang khas di mana kita dapat mengubah kedudukan kamera. Robot itu akan