【项目分享】教你如何运用Arduino通过网页实时控制伺服电机

元件

`

本项目将教你如何通过Arduino结合Websocket在网页浏览器上控制伺服电机。

所需元件

Arduino UNO x 1

PHPoC Wifi扩展板 x 1

伺服电机 x 1

导线若干

介绍

为了将Arduino接入互联网，我们需要用到网络扩展板，比如以太网扩展板、Wifi扩展板、PHPoC扩展板或是PHPoC Wifi扩展板等。

而PHPoC扩展板不仅能实现以太网和Wifi扩展板一般的网络连接，还可以实现一个网络服务器从浏览器端来控制并监控Arduino。它同时还支持Websocket，这样我们不用刷新网页就能实时控制与监控Arduino了。

PHPoc扩展板有一些内置网页应用，比如串口监视器，按键远程操控，滑动远程操控等。

该项目中，我们需要对滑动远程操控的UI界面进行一定的改动，同时在Arduino上编程来实现伺服电机的转动。

实物连线

1.PHPoC与Arduino相连

2.将GND，VCC以及伺服电机的信号引脚分别与Arduino的GND，5V和9号引脚相连。

数据流结构

网页浏览器->PHPoc扩展板->Arduino

网页应用会计算触控或鼠标移动的角度，并通过websocket将其传输给PHPoC扩展板。收到这个数据后，PHPoC扩展板将其传给Arduino。Arduino根据该角度来实现伺服电机的旋转。

实现方法

1.设置PHPoC扩展板的Wifi（记住SSID和密码）。
2.将新UI传输到PHPoC扩展板上。
3.写入Arduino代码。

PHPoC扩展板如何用WIFI与Arduino相连
1.接入Arduino电源。
2.为扩展板插入USB WIFI模块。
3.按下扩展板上的SETUP按钮
4.用电脑和手机查看wifi连接，选择phpoc开头的无线网络。
5.连接该网络后在浏览器中访问“192.168.0.1”
6.一旦进入安装界面，等待其安装成功就可以看到其网络信息了。

将新UI上传到PHPoC扩展板上
1.下载附件中的PHP代码
2.通过附件中的PHPoC Debugger软件将代码上传到扩展板上。

Arduino代码
1.首先需要在Arduino IDE中安装PHPoC库，然后重启Arduino IDE。

2.在Arduino IDE中，选择文件-示例-PHPoC- WebRemoteSlide（滑动远程控制）以及示例-Servo-sweep（电机控制）。
3.将这两个示例并为一个，附件有源代码。

测试
1.在Arduino IDE上点击串口来查看IP地址。
2.打开浏览器，输入http://此处替换为Arduino的IP地址/remote_rotate.php
3.点击网页上的连接按钮查看电机效果。

Arduino代码

arduino_code.ino (955 Bytes, 下载次数: 10 )

PHP代码

remote_rotate_php.php (6.01 KB, 下载次数: 4 )

PHPoC Debugger

phpoc_1.5.0.exe (8.23 MB, 下载次数: 2 )

`