esp8266舵机驱动_使用Arduino和ESP8266通过网页控制舵机

在本文中，我们将尝试通过网页来控制舵机，通过滑动网页上对应的滑块，促使舵机做相应地运动。这样的尝试在做一些远程开关或者远程控制的小设备时非常有用，比如把 宠物定时喂食器 改造成网页控制的也是可以实现的。为了让学习更有效，建议阅读：秒懂舵机角度控制原理 、什么是舵机？ 等文章。

电路连接

首先，我们根据上图将ESP8266和舵机连接到Arduino。在这里我们使用了一个ESP-01的转接板来连接esp8266和Arduino，这样做的目的是解决Arduino 接口从5V到ESP8266间3.3V连接的问题，增加了转接板就不需要额外串接分压电阻了。详细硬件连接如下：ESP-01购买链接 ESP8266某宝链接

ESP8266与Arduino的连接

ESP8266的引脚定义，请查阅：串口ESP8266 WiFi模块测试 。

1.将ESP-01转接板的GND连接到Arduino的GND；

2.将ESP-01转接板的VCC连接到Arduino的5V；

3.将ESP-01转接板的RX连接到Arduino的引脚 2；

4.将ESP-01转接板的TX连接到Arduino的引脚 3上 。

舵机与Arduino的连接

完成ESP8266的连接后，再将舵机与Arduino连接。连接信息如下:

1.舵机的黑线连接Arduino的GND引脚；

2.舵机的红线连接Arduino的5V引脚；

3.舵机的黄线连接Arduino的引脚 8。

制作网页

要实现网页控制舵机，我们还需要使用HTML语言制作一个个性化的网页，响应式的网页还能很好的在手机等终端上使用。HTML代码如下：

网页控制舵机--www.basemu.com

Arduino 网页控制舵机

在下框中输入 ESP8266 的IP地址

ESP8266 IP 地址:

滑动下标来控制舵机运动

$.ajaxSetup({timeout:1000});

function servo1(angle)

{

TextVar = form.inputbox.value;

ArduinoVar = "http://" + TextVar + ":80";

$.get( ArduinoVar, { "sr1