Otomatisasi ESP8266 Dengan Antarmuka Web dan DDNS: 8 Langkah

2025 Pengarang: John Day | [email protected]. Terakhir diubah: 2025-01-23 14:49

Pada artikel hari ini, kami akan menunjukkan sebuah otomatisasi, yang dapat menjadi perumahan, menggunakan fitur DDNS (Dynamic Domain Name System). Anda akan memahami cara mengkonfigurasi aplikasi yang akan Anda tempatkan di ESP8266, di NodeMCU. Juga, kita akan melihat cara mengkonfigurasi DDNS untuk mengontrol perangkat rumah Anda dari ponsel cerdas Anda.

Pada dasarnya, skema ini bekerja sebagai berikut: ponsel cerdas Anda akan mengirim data ke cloud dengan layanan DDNS, yang akan mengakses ESP8266 Anda yang terletak di rumah Anda.

Dalam hal ini, kode sumbernya berukuran besar dan menggunakan fitur ESP untuk berfungsi sebagai server web itu sendiri. Mengapa menguntungkan? Nah, Anda tidak perlu menginstal aplikasi apa pun di ponsel cerdas Anda. Ini berfungsi dengan baik di iOS, komputer, Android, atau hampir semua hal lain yang berisi browser.

Langkah 1: WiFi ESP8266 NodeMcu ESP-12E

Langkah 2: DDNS

Pertama, Anda perlu membuat akun di situs web NO-IP, https://www.noip.com/. Ini adalah layanan yang akan kami gunakan. Setelah mengatur login dan kata sandi, masuk ke akun Anda dan atur "nama host" dan "Domain." Record Type dan biarkan apa adanya (A). Setelah terisi, klik "Add hostname." Lalu pergi ke pengaturan akun dengan mengklik "Akun." Dalam hal ini, kami menggunakan "automacaoesp.ddns.net."

Kemudian, atur "USERNAME" dan simpan pengaturannya.

Sekarang pergi ke router dan klik "DNS Dinamis". Isi kolom dengan nama pengguna yang Anda tentukan dalam konfigurasi akun, kata sandi, dan Nama Domain, yang dalam hal ini adalah "automacaoesp.ddns.net". Aktifkan opsi "Aktifkan DDNS" dan klik simpan. Sekarang, itu akan memberikan pesan "Berhasil!" jika berhasil.

Kembali ke halaman NO-IP, klik menu samping "Hostnames", dan periksa apakah registrasi router Anda telah muncul, seperti yang ditunjukkan di bawah ini. IP eksternal router Anda akan muncul.

Langkah terakhir adalah mengarahkan port router ke perangkat jaringan internal. Kami mendefinisikan IP ESP (192.168.1.111), jadi kami akan memasuki layar "Penerusan" -> "Server Virtual" dari router dan klik "Tambah baru".

Isi port yang akan mengarahkan ulang dan IP perangkat jaringan internal, dan kemudian protokol akan menampilkan "ALL" (kecuali Anda bekerja hanya dengan yang spesifik) dan pertahankan Status sebagai "Enabled" untuk aktif.

Langkah 3: Diagram

Setelah ini selesai, itu akan berhasil. Terlepas dari alamat IP Eksternal, ketika Anda mengakses "automacaoesp.ddns.net" pada port default 80, Anda akan jatuh pada port 80 perangkat jaringan internal, yang memiliki IP 192.168.1.111.

Ingatlah untuk menjaga alamat ini tetap.

Langkah 4: Modifikasi di File Automacao.ino

Ubah pengaturan berikut ke pengaturan jaringan Anda dan masukkan nomor GPIO maksimum yang tersedia pada kartu +1 Anda di MAX_PIN_COUNT.

//Mude para os dados da sua rede#define SSID "TesteESP" #define SENHA "87654321" #define IP "192.168.1.111" #define GATEWAY "192.168.1.1" #define SUBNET "255.255.255.0" //Quantidade máxima de pinos, lembrando que os gpios //geralmente começam em 0. //Se o gpio máximo for 16, por exemplo, coloque 17 #define MAX_PIN_COUNT 17

Di file automacao.html, ubah di baris 117 URL yang Anda daftarkan di situs web ddns no-ip.

Langkah 5: Plugin untuk Menulis File

Anda harus menyertakan plugin di Arduino IDE untuk menulis file ke flash esp8266. Unduh pluginnya di sini. Buka zip file, dan jika ada di Windows, masukkan file.jar ke dalam:

C: \Users\Documents\Arduino\tools\ESP8266FS\tool\esp8266fs.jar

Jika menggunakan Mac, letakkan file.jar di:

~ / Dokumen / Arduino / alat / ESP8266FS / alat / esp8266fs.jar

Mulai ulang Arduino IDE. Sekarang opsi baru akan muncul di Alat. Opsi ini, yang disebut "ESP8266 Sketch Data Upload" akan merekam isi folder "data" di flash ESP8266.

Folder "tanggal" harus berada di dalam folder file.ino saat ini.

Jika Anda ingin menyimpan file html, misalnya:

~ / Otomatisasi / Otomatisasi

~ / Otomatisasi / data / otomatisasi.html

Langkah 6: Simpan File HTML

Klik opsi ini untuk mengirim file automacao.html yang ada di folder "data" ke sistem file ESP

Langkah 7: Pengujian

1. Masih di Arduino IDE, klik tanda panah untuk compile dan kirim kodenya ke ESP. Sekarang buka browser dan ketik URL di bilah alamat yang Anda daftarkan di situs no-ip. Hasilnya harus seperti gambar.

2. Klik "Nomor Pin" dan pilih nomor pin dari daftar yang muncul.

3. Masukkan nama tombol yang akan cocok dengan pin yang dipilih dan klik "+".

4. Tombol dengan nama yang dipilih akan muncul dalam daftar.

5. Ketika Anda mengklik tombol, itu akan berubah menjadi biru dan pin dengan nomor yang Anda pilih akan menjadi TINGGI.

6. Jika ingin pin kembali ke LOW, tinggal klik tombol lagi. Untuk menghapus tombol klik "-"

Langkah 8: Unduh File

Unduh file:

SAYA TIDAK

PDF