0°

Arduino – 基于Web的操纵杆

材料:

Arduino uno

PHPoC WiFi Shield for Arduino

伺服电机SG90

布线

在Arduino上堆叠PHPoC WiFi Shield

将两个伺服电机的引脚GND和VCC分别连接到GND和5V的Arduino。(arduino的引脚IOREF可以像5V引脚一样使用)

将两个伺服电机的引脚信号分别连接到Arduino的引脚8和引脚9。

数据流

Web浏览器—> PHPoC WiFi Shield —> Arduino

Web浏览器上的Web应用程序将通过WebSocket将触摸或单击事件的坐标(缩放后)发送到PHPoC shield。收到数据后,PHPoC shield会自动将其传递给Arduino。Arduino根据从PHPoC Shield收到的数据控制两个伺服电机。

请注意: PHPoC shield有一个内置程序,用于将数据从Web浏览器传递到Arduino。因此,我们不需要关心它。

需要做什么?

  • 1.设置PHPoC shield的Wifi信息(SSID和密码)
  • 2.将新UI上传到PHPoC shield
  • 3.写Arduino代码

设置PHPoC Shield的Wifi信息

请参阅此说明。

将新的Web UI上传到PHPoC Shield

  • 下载PHPoC源代码remote_joystick.php(代码部分)。
  • 根据此指令使用PHPoC调试器将其上载到PHPoC shield 

写Arduino代码

  • 在Arduino IDE上为Arduino安装PHPoC库(参见说明)
  • 请参阅代码部分中的源代码。
  • 单击Arduino IDE上的串行按钮以查看IP地址。
  • 打开Web浏览器,输入 http://replace_ip_address/remote_joystick.php
  • 单击“连接”按钮进行测试。
Arduino – 基于Web的操纵杆

代码:

web页面代码及arduino代码:

Arduino - 基于Web的操纵杆.zip

提取码:无,解压码:

下载
「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
Arduino
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论