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

相关文章

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

Java实现删除文件中的指定内容

《Java实现删除文件中的指定内容》在日常开发中,经常需要对文本文件进行批量处理,其中,删除文件中指定内容是最常见的需求之一,下面我们就来看看如何使用java实现删除文件中的指定内容吧... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细介绍3.1 Ja

使用Python和OpenCV库实现实时颜色识别系统

《使用Python和OpenCV库实现实时颜色识别系统》:本文主要介绍使用Python和OpenCV库实现的实时颜色识别系统,这个系统能够通过摄像头捕捉视频流,并在视频中指定区域内识别主要颜色(红... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间详解

PostgreSQL中MVCC 机制的实现

《PostgreSQL中MVCC机制的实现》本文主要介绍了PostgreSQL中MVCC机制的实现,通过多版本数据存储、快照隔离和事务ID管理实现高并发读写,具有一定的参考价值,感兴趣的可以了解一下... 目录一 MVCC 基本原理python1.1 MVCC 核心概念1.2 与传统锁机制对比二 Postg

SpringBoot整合Flowable实现工作流的详细流程

《SpringBoot整合Flowable实现工作流的详细流程》Flowable是一个使用Java编写的轻量级业务流程引擎,Flowable流程引擎可用于部署BPMN2.0流程定义,创建这些流程定义的... 目录1、流程引擎介绍2、创建项目3、画流程图4、开发接口4.1 Java 类梳理4.2 查看流程图4

C++中零拷贝的多种实现方式

《C++中零拷贝的多种实现方式》本文主要介绍了C++中零拷贝的实现示例,旨在在减少数据在内存中的不必要复制,从而提高程序性能、降低内存使用并减少CPU消耗,零拷贝技术通过多种方式实现,下面就来了解一下... 目录一、C++中零拷贝技术的核心概念二、std::string_view 简介三、std::stri

C++高效内存池实现减少动态分配开销的解决方案

《C++高效内存池实现减少动态分配开销的解决方案》C++动态内存分配存在系统调用开销、碎片化和锁竞争等性能问题,内存池通过预分配、分块管理和缓存复用解决这些问题,下面就来了解一下... 目录一、C++内存分配的性能挑战二、内存池技术的核心原理三、主流内存池实现:TCMalloc与Jemalloc1. TCM

OpenCV实现实时颜色检测的示例

《OpenCV实现实时颜色检测的示例》本文主要介绍了OpenCV实现实时颜色检测的示例,通过HSV色彩空间转换和色调范围判断实现红黄绿蓝颜色检测,包含视频捕捉、区域标记、颜色分析等功能,具有一定的参考... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间

全面解析HTML5中Checkbox标签

《全面解析HTML5中Checkbox标签》Checkbox是HTML5中非常重要的表单元素之一,通过合理使用其属性和样式自定义方法,可以为用户提供丰富多样的交互体验,这篇文章给大家介绍HTML5中C... 在html5中,Checkbox(复选框)是一种常用的表单元素,允许用户在一组选项中选择多个项目。本

HTML5 搜索框Search Box详解

《HTML5搜索框SearchBox详解》HTML5的搜索框是一个强大的工具,能够有效提升用户体验,通过结合自动补全功能和适当的样式,可以创建出既美观又实用的搜索界面,这篇文章给大家介绍HTML5... html5 搜索框(Search Box)详解搜索框是一个用于输入查询内容的控件,通常用于网站或应用程