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

相关文章

AJAX请求上传下载进度监控实现方式

《AJAX请求上传下载进度监控实现方式》在日常Web开发中,AJAX(AsynchronousJavaScriptandXML)被广泛用于异步请求数据,而无需刷新整个页面,:本文主要介绍AJAX请... 目录1. 前言2. 基于XMLHttpRequest的进度监控2.1 基础版文件上传监控2.2 增强版多

Redis分片集群的实现

《Redis分片集群的实现》Redis分片集群是一种将Redis数据库分散到多个节点上的方式,以提供更高的性能和可伸缩性,本文主要介绍了Redis分片集群的实现,具有一定的参考价值,感兴趣的可以了解一... 目录1. Redis Cluster的核心概念哈希槽(Hash Slots)主从复制与故障转移2.

springboot+dubbo实现时间轮算法

《springboot+dubbo实现时间轮算法》时间轮是一种高效利用线程资源进行批量化调度的算法,本文主要介绍了springboot+dubbo实现时间轮算法,文中通过示例代码介绍的非常详细,对大家... 目录前言一、参数说明二、具体实现1、HashedwheelTimer2、createWheel3、n

使用Python实现一键隐藏屏幕并锁定输入

《使用Python实现一键隐藏屏幕并锁定输入》本文主要介绍了使用Python编写一个一键隐藏屏幕并锁定输入的黑科技程序,能够在指定热键触发后立即遮挡屏幕,并禁止一切键盘鼠标输入,这样就再也不用担心自己... 目录1. 概述2. 功能亮点3.代码实现4.使用方法5. 展示效果6. 代码优化与拓展7. 总结1.

Mybatis 传参与排序模糊查询功能实现

《Mybatis传参与排序模糊查询功能实现》:本文主要介绍Mybatis传参与排序模糊查询功能实现,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、#{ }和${ }传参的区别二、排序三、like查询四、数据库连接池五、mysql 开发企业规范一、#{ }和${ }传参的

Docker镜像修改hosts及dockerfile修改hosts文件的实现方式

《Docker镜像修改hosts及dockerfile修改hosts文件的实现方式》:本文主要介绍Docker镜像修改hosts及dockerfile修改hosts文件的实现方式,具有很好的参考价... 目录docker镜像修改hosts及dockerfile修改hosts文件准备 dockerfile 文

CSS Padding 和 Margin 区别全解析

《CSSPadding和Margin区别全解析》CSS中的padding和margin是两个非常基础且重要的属性,它们用于控制元素周围的空白区域,本文将详细介绍padding和... 目录css Padding 和 Margin 全解析1. Padding: 内边距2. Margin: 外边距3. Padd

CSS will-change 属性示例详解

《CSSwill-change属性示例详解》will-change是一个CSS属性,用于告诉浏览器某个元素在未来可能会发生哪些变化,本文给大家介绍CSSwill-change属性详解,感... will-change 是一个 css 属性,用于告诉浏览器某个元素在未来可能会发生哪些变化。这可以帮助浏览器优化

CSS去除a标签的下划线的几种方法

《CSS去除a标签的下划线的几种方法》本文给大家分享在CSS中,去除a标签(超链接)的下划线的几种方法,本文给大家介绍的非常详细,感兴趣的朋友一起看看吧... 在 css 中,去除a标签(超链接)的下划线主要有以下几种方法:使用text-decoration属性通用选择器设置:使用a标签选择器,将tex

基于SpringBoot+Mybatis实现Mysql分表

《基于SpringBoot+Mybatis实现Mysql分表》这篇文章主要为大家详细介绍了基于SpringBoot+Mybatis实现Mysql分表的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可... 目录基本思路定义注解创建ThreadLocal创建拦截器业务处理基本思路1.根据创建时间字段按年进