Kontrol Perangkat Melalui Internet Melalui Browser. (IoT): 6 Langkah

2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:56

Dalam Instructable ini saya akan menunjukkan kepada Anda bagaimana Anda dapat mengontrol perangkat seperti LED, Relay, motor dll melalui internet melalui web-browser. Dan Anda dapat mengakses kontrol dengan aman melalui perangkat apa pun. Platform web yang saya gunakan di sini adalah RemoteMe.org kunjungi halaman untuk mengetahui lebih banyak tentangnya.

Pastikan untuk merujuk pada gambar yang akan membantu Anda lebih memahami prosesnya.

Jadi mari kita mulai.

Langkah 1: Hal-hal yang Anda Butuhkan:-

Untuk proyek ini Anda akan membutuhkan: -

1. ESP8266 (NodeMCU) Tautan untuk USLink untuk Eropa
2. LEDLink untuk USLink untuk Eropa
3. Push ButtonLink untuk USLink untuk Eropa
4. Breadboard. Link untuk USLink untuk Eropa

Perangkat lunak:-

1. Arduino IDE
2. Akun di RemoteMe.

Perhatikan bahwa Anda dapat menggunakan Arduino atau Raspberry-pi untuk proyek jika Anda tidak memiliki NodeMCU.

Langkah 2: Menyiapkan Arduino IDE: -

Pertama untuk bekerja dengan NodeMCU Esp8266 Anda harus menambahkan papan ke IDE jika Anda belum melakukannya, lihat Instruksi ini di sini.

Setelah Papan tersedia di IDE, ada beberapa perpustakaan yang diperlukan untuk proyek ini.

Untuk menginstal perpustakaan ini: -

Buka IDE dan Goto >> Sketsa >> Sertakan Perpustakaan >> Kelola Perpustakaan. Sebuah jendela popup akan muncul. Di sini Anda akan Mencari Perpustakaan yang diperlukan

Daftar Perpustakaan:-

1. RBD_Timer.h
2. RBD_Button.h
3. RemoteMe.h
4. ESP8266WiFi.h
5. ESP8266WiFiMulti.h
6. ArduinoHttpClient.h

Instal ini satu per satu dan mulai ulang IDE setelah selesai.

Dengan itu IDE siap digunakan.

Langkah 3: Menyiapkan Halaman di RemoteMe: -

Untuk menggunakan RemoteMe pertama Anda harus mendaftar sehingga Anda dapat membuat halaman web Anda sendiri dan mulai mengontrol perangkat.

Goto RemoteMe.org klik "Aplikasi", Goto Signup dan masukkan detail Anda dan tekan signup

Anda akan disambut dengan halaman selamat datang, Sekarang ke sisi kiri di menu pilih "Perangkat"

Di sisi kanan Anda akan melihat opsi bernama "Perangkat baru", Mengkliknya akan memberi Anda menu tarik-turun, Di sini pilih "Halaman Web Baru"

Sekarang beri nama dan ID Perangkat, saya beri nama 'LED' dan beri ID Perangkat '203'. (ID perangkat adalah nomor unik yang akan membedakan antara perangkat yang berbeda.)

Pastikan sakelar diatur ke 'aktif' dan tekan 'kirim'. Perangkat baru bernama LED dengan ID perangkat 203 akan muncul di halaman. Sekarang pilih panah bawah di sisi kanan perangkat dan Anda akan melihat slot kosong tempat Anda dapat membuat halaman web

Buka halaman GitHub ini. Anda harus menyeret tiga file (index.html, scripts.js & styles.css) dan meletakkannya satu per satu ke dalam slot kosong di perangkat Anda dan selesai

Langkah 4: Mengunggah Kode di MCU: -

Di bawah ini saya telah memberikan kode yang Anda perlukan untuk membuat proyek berfungsi.

Sebelum Anda dapat mengunggah kode, ada beberapa perubahan kecil yang harus Anda lakukan pada kode.

Setelah kode terbuka di IDE, Anda harus memasukkan nama dan kata sandi WiFi Anda di bidang yang diperlukan agar papan dapat terhubung ke jaringan Anda.

Buat Perubahan pada bagian kode berikut: -

#define WIFI_NAME "Masukkan nama WiFi Anda" #define WIFI_PASSWORD "Masukkan kata sandi WiFi Anda" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Masukkan Token Otentikasi"

Untuk mendapatkan token Otentikasi Goto Remoteme.org >> Aplikasi >> Token (Pada menu di sisi kiri bawah Perangkat)

Salin Token dan tempel di kode.

Sekarang hubungkan NodeMCU Anda ke PC Anda, Pilih port yang tepat dan unggah kodenya.

Langkah 5: Koneksi: -

Ikuti gambar di atas untuk membuat koneksi:-

LED terhubung ke Pin D5 dari MCU.

Tombol tekan terhubung ke Pin D2.

Gunakan resistor secara seri dengan LED untuk mencegah kerusakan pada LED.

Langkah 6: Pengujian: -

Sekarang Anda telah berhasil menyelesaikan proyek. Saatnya untuk menguji build.

Pertama untuk memeriksa apakah koneksi sudah benar, Tekan tombol tekan dan Anda akan melihat LED menyala, Menekan tombol lagi akan mematikan LED

Sekarang buka situs web RemotMe dan buka aplikasi Anda. masuk menggunakan akun yang Anda gunakan untuk masuk

Sekarang buka Perangkat dan pilih perangkat yang baru saja Anda buat. Perhatikan simbol Connection link di sisi kiri sebelum ID perangkat berubah menjadi hijau yang menunjukkan bahwa papan ESP terhubung ke server

Sekarang klik pada file "index.html" dan pilih "buka di tab baru", di tab baru halaman web akan muncul dengan lingkaran. Anda dapat mengklik lingkaran untuk menghidupkan dan mematikan LED

Untuk mengontrol LED Anda menggunakan smartphone. Sekali lagi, buka halaman perangkat dan klik "index.html". Kali ini pilih, opsi terakhir "Dapatkan tautan anonim …", Sebuah jendela pop-up akan muncul dengan tautan yang dapat Anda buka di ponsel cerdas apa pun untuk mengontrol LED tanpa harus masuk setiap saat

Opsi yang lebih baik lagi, Anda dapat memilih opsi QR tepat di sebelah tautan. Dan pindai QR menggunakan Android atau iPhone Anda dan Anda akan diarahkan ke halaman web dengan lingkaran

Lihat demo video untuk melihat cara kerjanya.

Semoga Anda menyukai proyek ini, Jika Anda memiliki pertanyaan, jangan ragu untuk bertanya di komentar.

Terima kasih.