家电维修网

 找回密码
 注册

QQ登录

只需一步,快速开始

家电维修网 网站首页 电子技术 查看内容

教你如何通过Arduino结合Websocket,控制伺服电机!

2019-9-29 09:24| 发布者: 家电维修网| 查看: 85| 评论: 0

摘要: 本项目将教你如何通过Arduino结合Websocket在网页浏览器上控制伺服电机。所需元件Arduino UNO x 1PHPoC Wifi扩展板 x 1伺服电机 x 1导线若干介绍为了将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.打开浏览器,输入h ttp://此处替换为Arduino的 I P地址 / remote_rotate.php

3.点击网页上的连接按钮查看电机效果。

﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌

.............

最新评论

QQ|门户地图|网站地图|手机版|家电维修技术论坛 ( 京ICP备11022408号) 

GMT+8, 2019-11-22 20:52

Powered by Discuz!X3.4

© 2001-2020 Comsenz Inc.

返回顶部