发 帖  
原厂入驻New
申请华秋企业认证 多层板首单免费打样!
30s提交资料,10分钟通过审核(免费赔付+顺丰包邮)>>立即报名

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

2019-9-26 11:16:13  983 Arduino 伺服电机 嵌入式
分享
0
本项目将教你如何通过Arduino结合Websocket在网页浏览器上控制伺服电机。
转动.gif
所需元件
Arduino UNO x 1
PHPoC WIFi扩展板 x 1
伺服电机 x 1
导线若干

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

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

PHPoc扩展板有一些内置网页应用,比如串口监视器,按键远程操控,滑动远程操控等。
1.png
该项目中,我们需要对滑动远程操控的UI界面进行一定的改动,同时在Arduino上编程来实现伺服电机的转动。

实物连线
2.png
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.一旦进入安装界面,等待其安装成功就可以看到其网络信息了。
3.png

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

Arduino代码
1.首先需要在Arduino IDE中安装PHPoC库,然后重启Arduino IDE。
4.png
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, 下载次数: 3)

PHP代码
remote_rotate_php.php (6.01 KB, 下载次数: 2)

PHPoC Debugger
phpoc_1.5.0.exe (8.23 MB, 下载次数: 0)

fysydfdsfw 2019-9-29 18:53:02
这个项目很好,重点学习下
回复

举报

评论

高级模式
您需要登录后才可以回帖 登录 | 注册

发经验
关闭

站长推荐 上一条 /10 下一条

快速回复 返回顶部 返回列表