Cukup Kawal Motor dengan Telefon Bimbit: 5 Langkah

2024 Pengarang: John Day | [email protected]. Diubah suai terakhir: 2024-01-30 11:09

Cara ini menunjukkan cara mengendalikan Servo IoT "HDrive17" yang pintar dengan telefon bimbit anda hanya menggunakan HTML dan JavaScript. Halaman Web termasuk Skrip ini disimpan di Motor itu sendiri dan dapat dilampirkan ke WebApp di telefon bimbit anda.

Langkah 1: Sediakan HDrive17 ke Rangkaian Tempatan Anda

Sambungkan HDrive17 (anda boleh mendapatkannya dari www.henschel-robotics.ch) ke rangkaian tempatan anda dengan memasang kabel Ethernet dari Motor ke penghala WiFi anda. Pastikan anda telah mengkonfigurasi Alamat IP yang sah di HDrive untuk rangkaian anda terlebih dahulu. Keseluruhan aplikasi yang ditunjukkan dalam video semuanya terdapat dalam satu fail HTML di komputer tempatan saya. Mula-mula anda boleh menguji laman web ini di penyemak imbas tempatan anda dan mengawal HDrive dari PC anda.

Sekiranya anda ingin menggunakan telefon bimbit anda untuk mengawal HDrive, anda harus menerbitkan laman web tempatan ini ke rangkaian WiFi anda. Kemudian buka laman web ini, yang dilayan dari PC anda, di telefon bimbit anda. Untuk berkongsi laman web seperti itu di dalam jaringan anda, Anda dapat menggunakan Alat WebMatrix atau IIS dari Microsoft, hanya perlu diingat untuk membuat beberapa konfigurasi netsh dan firewall yang boleh diakses oleh telefon bimbit anda ke halaman tersebut.

Anda juga boleh menyimpan halaman web secara langsung pada motor yang dimilikinya sendiri, maka tidak perlu PC lagi.

Langkah 2: Permohonan Program

Badan laman web:

Kami menggunakan skrip roundslider untuk menampilkan alat pengukur yang bagus, oleh itu kami harus menambahkan elemen gelangsar di badan dokumen HTML.

Langkah 3: Skrip Halaman Web

Kod berikut menghantar kedudukan sasaran baru ke HDrive. Ia bermula dengan memasukkan skrip JQuery dan RoundSlider. Rounslider memicu peristiwa seret yang memanggil fungsi "sendDataToHdrive". Fungsi ini kemudian menghantar arahan pemacu baru ke motor.

sila lihat baris ini:

var blob = Blob baru (['

Ia mengirimkan pemacu memuji ke HDrive dengan posisi sasaran, maks. kelajuan 2000 RPM, maks. arus 2A dalam mod 129 (kawalan kedudukan). anda boleh memuat turun keseluruhan Projek di sini: Slider_demo.rar

Langkah 4: Simpan Laman Web Secara Langsung Ke Pemacu HD

Untuk menghoskan aplikasi web pada pemacu anda, kami harus memuat naik fail ke motor. Motor ini mampu memuat naik 4 fail, 2 fail HTML dan 2 Skrip (.js). Setiap fail dinamakan semula setelah memuat naik. Fail HTML pertama dinamakan semula menjadi app1.html kemudian app2.html fail skrip dinamakan semula menjadi s1.js dan s2.js. Oleh itu kita harus menukar pautan fail dalam fail HTML kita. JQuery … menjadi "s2.js". Selanjutnya saya menyalin css roundslider ke dalam fail HTML.

Pertama masukkan Web GUI dari HDrive anda dan akses bahagian "Aplikasi"

Langkah 5: Mengakses Aplikasi

Setelah memuat naik fail ini, anda dapat mengakses halaman di alamat https://192.168.1.102/app1.html dari mana-mana peranti dalam rangkaian yang sama, PC anda tidak lagi wajib, fail dihoskan terus dari HDrive.

Muat turun semua fail di sini.