Arduino esp8266实现局域网html喂食机

2023-10-22 16:40

本文主要是介绍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,照片存在云端的,不用上传

这篇关于Arduino esp8266实现局域网html喂食机的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/262523

相关文章

Vue中动态权限到按钮的完整实现方案详解

《Vue中动态权限到按钮的完整实现方案详解》这篇文章主要为大家详细介绍了Vue如何在现有方案的基础上加入对路由的增、删、改、查权限控制,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、数据库设计扩展1.1 修改路由表(routes)1.2 修改角色与路由权限表(role_routes)二、后端接口设计

C#集成DeepSeek模型实现AI私有化的流程步骤(本地部署与API调用教程)

《C#集成DeepSeek模型实现AI私有化的流程步骤(本地部署与API调用教程)》本文主要介绍了C#集成DeepSeek模型实现AI私有化的方法,包括搭建基础环境,如安装Ollama和下载DeepS... 目录前言搭建基础环境1、安装 Ollama2、下载 DeepSeek R1 模型客户端 ChatBo

Qt实现发送HTTP请求的示例详解

《Qt实现发送HTTP请求的示例详解》这篇文章主要为大家详细介绍了如何通过Qt实现发送HTTP请求,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、添加network模块2、包含改头文件3、创建网络访问管理器4、创建接口5、创建网络请求对象6、创建一个回复对

C++实现回文串判断的两种高效方法

《C++实现回文串判断的两种高效方法》文章介绍了两种判断回文串的方法:解法一通过创建新字符串来处理,解法二在原字符串上直接筛选判断,两种方法都使用了双指针法,文中通过代码示例讲解的非常详细,需要的朋友... 目录一、问题描述示例二、解法一:将字母数字连接到新的 string思路代码实现代码解释复杂度分析三、

grom设置全局日志实现执行并打印sql语句

《grom设置全局日志实现执行并打印sql语句》本文主要介绍了grom设置全局日志实现执行并打印sql语句,包括设置日志级别、实现自定义Logger接口以及如何使用GORM的默认logger,通过这些... 目录gorm中的自定义日志gorm中日志的其他操作日志级别Debug自定义 Loggergorm中的

Spring Boot整合消息队列RabbitMQ的实现示例

《SpringBoot整合消息队列RabbitMQ的实现示例》本文主要介绍了SpringBoot整合消息队列RabbitMQ的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的... 目录RabbitMQ 简介与安装1. RabbitMQ 简介2. RabbitMQ 安装Spring

Gin框架中的GET和POST表单处理的实现

《Gin框架中的GET和POST表单处理的实现》Gin框架提供了简单而强大的机制来处理GET和POST表单提交的数据,通过c.Query、c.PostForm、c.Bind和c.Request.For... 目录一、GET表单处理二、POST表单处理1. 使用c.PostForm获取表单字段:2. 绑定到结

springMVC返回Http响应的实现

《springMVC返回Http响应的实现》本文主要介绍了在SpringBoot中使用@Controller、@ResponseBody和@RestController注解进行HTTP响应返回的方法,... 目录一、返回页面二、@Controller和@ResponseBody与RestController

nginx中重定向的实现

《nginx中重定向的实现》本文主要介绍了Nginx中location匹配和rewrite重定向的规则与应用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下... 目录一、location1、 location匹配2、 location匹配的分类2.1 精确匹配2

Nginx之upstream被动式重试机制的实现

《Nginx之upstream被动式重试机制的实现》本文主要介绍了Nginx之upstream被动式重试机制的实现,可以通过proxy_next_upstream来自定义配置,具有一定的参考价值,感兴... 目录默认错误选择定义错误指令配置proxy_next_upstreamproxy_next_upst