Basta controlar o motor pelo celular: 5 etapas

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:37

Este How-To está mostrando como controlar um IoT Servo inteligente "HDrive17" pelo seu telefone celular usando apenas HTML e JavaScript. A página da Web que inclui este Script é armazenada no próprio Motor e pode ser anexada a um WebApp no seu telefone celular.

Etapa 1: configure o HDrive17 em sua rede local

Conecte o HDrive17 (você pode obtê-los em www.henschel-robotics.ch) à sua rede local, conectando o cabo Ethernet do motor ao seu roteador WiFi. Certifique-se de que configurou primeiro um endereço IP válido no HDrive para a sua rede. Todo o aplicativo mostrado no vídeo está todo em um arquivo HTML no meu computador local. Primeiro você pode testar este site em seu navegador local e controlar o HDrive de seu PC.

Se você deseja usar seu telefone celular para controlar o HDrive, você deve publicar este site local em sua rede sem fio. Depois é só abrir este Site, servido a partir do seu PC, no seu celular. Para compartilhar tal site em sua rede, você pode usar a ferramenta WebMatrix ou IIS da Microsoft, apenas lembre-se de fazer algumas configurações de netsh e firewall para que seu celular tenha acesso à página.

Também é possível armazenar a página da web diretamente no próprio motor, então o PC não é mais obrigatório.

Etapa 2: Aplicação do programa

Corpo da página da web:

Estamos usando o script roundslider para exibir o bom medidor, portanto, temos que adicionar o elemento slider no corpo do documento HTML.

Etapa 3: script de página da web

O código a seguir está enviando a nova posição de destino para o HDrive. Ele começa com a inclusão do script JQuery e RoundSlider. O rounslider está disparando um evento de arrastar que está chamando a função “sendDataToHdrive”. Esta função então envia um novo comando de inversor para o motor.

por favor, dê uma olhada nesta linha:

var blob = new Blob (['

Ele envia um comando de unidade para o HDrive com a posição de destino, o máximo. velocidade de 2.000 RPM, tha máx. corrente de 2A no modo 129 (controle de posição). você pode baixar todo o projeto aqui: Slider_demo.rar

Etapa 4: Armazene a página da web diretamente no HDrive

Para hospedar o aplicativo da web em sua unidade, temos que fazer o upload dos arquivos para o motor. O motor é capaz de fazer upload de 4 arquivos, 2 arquivos HTML e 2 arquivos Script (.js). Cada arquivo está sendo renomeado após o upload. O primeiro arquivo HTML é renomeado para app1.html e depois app2.html os arquivos de script estão sendo renomeados para s1.js e s2.js. Portanto, temos que alterar os links de arquivo em nosso arquivo HTML. O JQuery… torna-se “s2.js”. Além disso, copiei o css roundslider para o arquivo HTML.

Primeiro entre na GUI da Web de seu HDrive e acesse a seção "Aplicativos"

Etapa 5: Acessando o aplicativo

Após o upload desses arquivos você pode acessar a página no endereço https://192.168.1.102/app1.html de qualquer dispositivo da mesma rede, seu PC não é mais obrigatório, os arquivos são hospedados diretamente do HDrive.

Baixe todos os arquivos aqui.