Talaan ng mga Nilalaman:

Kontrolin lamang ang Motor sa pamamagitan ng Mobile Phone: 5 Mga Hakbang
Kontrolin lamang ang Motor sa pamamagitan ng Mobile Phone: 5 Mga Hakbang

Video: Kontrolin lamang ang Motor sa pamamagitan ng Mobile Phone: 5 Mga Hakbang

Video: Kontrolin lamang ang Motor sa pamamagitan ng Mobile Phone: 5 Mga Hakbang
Video: PWD MUNA MA MONITOR ANG ASAWA OR GF MO GAMIT LNG CCTV SA PHONE MO 2024, Disyembre
Anonim
Image
Image

Ipinapakita ang How-To na ito kung paano makontrol ang isang matalinong IoT Servo na "HDrive17" ng iyong mobile phone gamit lamang ang HTML at JavaScript. Ang Webpage kasama ang Script na ito ay nakaimbak sa Motor na ito mismo at maaaring mai-attach sa isang WebApp sa iyong mobile phone.

Hakbang 1: I-setup ang HDrive17 sa Iyong Lokal na Network

Application ng Programm
Application ng Programm

Ikonekta ang HDrive17 (maaari mong makuha ang mga ito mula sa www.henschel-robotics.ch) sa iyong lokal na network sa pamamagitan ng pag-plug ng Ethernet cable mula sa Motor sa iyong WiFi router. Alagaan na na-configure mo muna ang isang wastong IP-Address sa HDrive para sa iyong network. Ang buong application na ipinakita sa video ay nasa isang file na HTML sa aking lokal na computer. Una maaari mong subukan ang website na ito sa iyong lokal na browser at makontrol ang HDrive mula sa iyong PC.

Kung nais mong gamitin ang iyong mobile phone upang makontrol ang HDrive kailangan mong i-publish ang lokal na website na ito sa iyong WiFi network. Pagkatapos buksan lamang ang Website na ito, na hinatid mula sa iyong PC, sa iyong mobile phone. Upang ibahagi ang nasabing site sa iyong network maaari mong gamitin ang WebMatrix Tool o IIS mula sa Microsoft, tandaan lamang na gumawa ng ilang netsh at firewall configure na ang iyong mobile phone ay may access sa pahina.

Posible ring maiimbak ang webpage nang direkta sa motor na ito mismo, kung gayon wala nang PC na sapilitan.

Hakbang 2: Application ng Programm

Katawan sa webpage:

Ginagamit namin ang script ng Roundlider upang maipakita ang magandang sukat, samakatuwid kailangan naming idagdag ang elemento ng slider sa katawan ng dokumento ng HTML.

Hakbang 3: Webpage Script

Webpage Script
Webpage Script

Ang sumusunod na code ay nagpapadala ng bagong posisyon ng target sa HDrive. Nagsisimula ito sa pagsasama ng JQuery at ang RoundSlider script. Ang rounslider ay nagpapalitaw ng isang kaganapan sa pag-drag na tumatawag sa pagpapaandar na "sendDataToHdrive". Ang pagpapaandar na ito pagkatapos ay nagpapadala ng isang bagong utos ng drive sa motor.

mangyaring tingnan ang linyang ito:

var blob = bagong Blob (['

Nagpapadala ito ng isang drive na papuri sa HDrive na may target na posisyon, ang max. bilis ng 2000 RPM, tha max. kasalukuyang ng 2A sa mode 129 (kontrol sa posisyon). maaari mong I-download ang buong Project dito: Slider_demo.rar

Hakbang 4: Iimbak ang Webpage Direkta Sa HDrive

Itabi ang Webpage nang Direkta Sa HDrive
Itabi ang Webpage nang Direkta Sa HDrive

Upang ma-host ang web application sa iyong drive kailangan naming i-upload ang mga file sa motor. Ang motor ay may kakayahang mag-upload ng 4 na mga file, 2 HTML at 2 Script (.js) na mga file. Ang bawat file ay pinalitan ng pangalan matapos ang pag-upload. Ang unang HTML file ay pinalitan ng pangalan sa app1.html pagkatapos ay ang app2.html ang mga file ng script ay pinalitan ng pangalan sa s1.js at s2.js. Samakatuwid kailangan nating baguhin ang mga link ng file sa aming HTML file. Ang JQuery… ay nagiging "s2.js". Bukod dito kinopya ko ang Roundlider css sa HTML file.

Una ipasok ang Web GUI mula sa iyong HDrive at i-access ang seksyong "Apps"

Hakbang 5: Pag-access sa App

Pag-access sa App
Pag-access sa App

Matapos i-upload ang mga file na ito maaari mong ma-access ang pahina sa address na https://192.168.1.102/app1.html mula sa anumang aparato sa parehong network, ang iyong PC ay hindi na sapilitan, ang mga file ay nai-host nang direkta mula sa HDrive.

I-download ang lahat ng mga file dito.

Inirerekumendang: