使用Arduino和ESP8266实现网页控制伺服电机

使用Arduino和ESP8266模块通过网页控制伺服电机。

在本篇文章中,我们将实现通过网页控制伺服电机。网页将使用ESP8266模块创建,通过移动网页上的滑块,伺服电机将相应的进行移动。

将ESP8266连接到Arduino UNO开发板

使用Arduino和ESP8266实现网页控制伺服电机_第1张图片

网络控制伺服电路图

首先,将ESP8266与Arduino连接。我们使用适配器将esp8266连接到Arduino连接起来,这将使连接更加容易。该适配器具有5至3.3V稳压器,您无需连接任何外部电阻。

● 将适配器的GND连接到Arduino的GND

● 将适配器的VCC连接到Arduino的5V

● 将RX从适配器连接到Arduino的引脚2

● 将TX引脚从适配器连接到Arduino的引脚3

然后,将伺服电机与Arduino连接。将伺服电机与Arduino连接如下:

● 伺服电机的黑线连接到Arduino的GND引脚

● 伺服电机的红线连接到Arduino的5V引脚

● 伺服电机的黄线到Arduino的引脚8

制作网页

要通过网页控制伺服电机,我们必须使用HTML语言制作网页。我们为项目创建的HTML代码可以从本文末尾下载。如果要重命名文件,请更改文件名,但请确保其末尾有“.html”。

之后,下载JQUERY文件并将此文件放在放置HTML文件的同一文件夹中。之后,打开HTML,网页将如下所示:

使用Arduino和ESP8266实现网页控制伺服电机_第2张图片

现在,使用您的Wi-Fi名称和密码更改Arduino代码中的Wi-Fi名称和密码。然后上传代码。打开串行监视器,它将显示IP地址,如下图所示:

使用Arduino和ESP8266实现网页控制伺服电机_第3张图片

在网页上指定的空白处键入此IP地址。现在,当您移动滑块时,伺服电机将移动。

更多内容请访问以下链接:https://www.yiboard.com/thread-1085-1-1.html

你可能感兴趣的:(一板网电子论坛)