Arduino esp8266实现局域网html喂食机

本教程是搞着玩的,用的时候还是需要一个好点的2.4G路由器,不然没得玩
这是给鱼用的喂食机,要是想改成给猫狗鸟或者植物的,只需改一改容器就行

资料及代码:
链接:https://pan.baidu.com/s/1bWTJvqlw2wzruCRCzOLelQ?pwd=o7rw
提取码:o7rw

本教程是由太极创客的例子缝合而来,详细Arduino的学习看太极创客
入门非常不错.
效果图:请添加图片描述

在这里插入图片描述
测试的时候给鱼喂的有点多
材料:Micro USB线,充电头,esp8266,舵机(SG90),容器,若干胶带/胶水
软件准备:Arduino,任意编辑器(我用的VS Code)

硬件准备

这样连应该看得懂,橙色连D4,红色连3V,棕色连G,还有电源线
在这里插入图片描述

Arduino准备:
配置esp8266开发板的地址:
http://arduino.esp8266.com/stable/package_esp8266com_index.json
在这里插入图片描述

下载开发板
在这里插入图片描述

搜索这个并下载(记得开数据开云梯,他是外国服务器):
在这里插入图片描述
选上需要的开发板
在这里插入图片描述

安装文件上传插件,在下面的连接里学习
http://www.taichi-maker.com/homepage/esp8266-nodemcu-iot/iot-c/spiffs/upload-files/

打开百度云盘的资料
在这里插入图片描述
选这个后缀的打开:
在这里插入图片描述
打开后,记得在这修改代码(Ctrl+F是快速搜索的快捷键),改成自己家/手机热点的wifi的名称和密码(需要2.4GHz的,可以在手机已连接的wifi详情里看频率)
在这里插入图片描述
然后找到自己电脑的设备管理器,
在这里插入图片描述

然后,在这里选上对应的端口
在这里插入图片描述
然后上传html等静态文件(不用选择文件,是默认项目目录下的data文件夹里的静态文件)
在这里插入图片描述
上传成功之后,点击这里进行编译并上传
在这里插入图片描述
在编译完之前,打开串口监视器,
在这里插入图片描述
然后在手机浏览器或者电脑浏览器输入出现的ip地址就可以打开网页了
在这里插入图片描述

请添加图片描述

想自己改的话,在data目录有html文件,适当修改,换照片要自己加到img目录里,我用的阿里云的oss,照片存在云端的,不用上传

猜你喜欢

转载自blog.csdn.net/m0_52070517/article/details/127820666