基于esp8266的nodemcu实现网页配置wifi功能

news/2024/10/4 7:02:34 标签: arduino, esp8266, nodemcu
一、简介

准备用基于esp8266nodemcu开发板做一个天气时钟。目前只实现了第一阶段任务的第一点要求。使用arduino编程,在基于esp8266nodemcu开发板上实现开机自动连接wifi。
今天分析研究怎么把扫描出来1的信号列表显示在网页上,并且可以通过点击某个WiFi信号后输入密码来进行连接,最好还能给网页返回一个连接是否成功的提示消息。

二、我目前在使用的云服务器推荐

学Linux不搞个云服务器始终感觉不爽!
要稳定性、安全性、不差钱的可以使用阿里、腾讯等大厂的云服务器。
本人穷屌丝一枚,所以我用的是免费的“三丰云”,同时提供"免费虚拟主机"和“免费云服务器”产品,有兴趣的可以试一下。
“三丰云”我已经用了一段时间,感觉还是很不错的,速度快也很稳定。
三丰云 https://www.sanfengyun.com 链接。
大家可以点击前往查看是否需要。

三、实现方法讨论

上一篇文章已经实现了WiFi扫描功能,想要在网页上进行控制就得把网页代码通过webserver发送到客户端浏览器。

我想可以通过把扫描出来的数据保存到一个数组中,然后组织进HTML代码中呈现在网页上。通过点击某一个信号来选择这个ap接入点然后弹出一个对话框收集密码,把ssid和密码一起发送给esp8266进行处理并连接网络。做一个判断,把是否连接成功给客户端发送一个消息对话框,如果连接成功再多显示一个获得的IP地址更好。

具体代码实现,下一篇文章再讨论。

国庆节回老家没有带电脑无法调试代码,就不在这里讨论了。

祝大家国庆节快乐!


http://www.niftyadmin.cn/n/5689655.html

相关文章

Marp精华总结(三)高级篇

概述 高级篇主要涉及: 使用Marp内置的主题文档内自定义样式创建自定义主题 通过使用主题和自定义样式,你可以更好的控制幻灯的最终效果。而通过开发自己的主题,你可以在多个Marp幻灯中复用这些主题。 系列目录 Marp精华总结(…

linux第二课:常用命令

Kali Linux,黑客必备神器。跟着我,带你从入门到入狱! 第二课,常用命令。 1.whoami 翻译为中文:我是谁 用途:输出现在自己的用户身份(用户名) 参数:无参数 好吧,这透明度一调都不…

ElasticSearch备考 -- Update by query

一、题目 有个索引task,里面的文档长这样 现在需要添加一个字段all,这个字段的值是以下 a、b、c、d字段的值连在一起 二、思考 需要把四个字段拼接到一起,组成一个新的字段,这个就需要脚本, 这里有两种方案&#xff…

Electron 使⽤ electron-builder 打包应用

electron有几种打包方式,我使用的是electron-builder。虽然下载依赖的时候让我暴躁,使用起来也很繁琐,但是它能进行很多自定义,打包完成后的体积也要小一些。 安装electron-builder: npm install electron-builder -…

InfoGAN:通过信息最大化生成对抗网络进行可解释的表示学习

系列文章目录 一 Conditional Generative Adversarial Nets 二 cGANs with Projection Discriminator 三 Conditional Image Synthesis with Auxiliary Classifier GANs 四 InfoGAN: Interpretable Representation Learning by Information Maximizing Generative Adversarial…

《C++音频降噪秘籍:让声音纯净如初》

在音频处理领域,降噪是一项至关重要的任务。无论是录制音乐、语音通话还是音频后期制作,都需要有效地去除背景噪声,以获得清晰、纯净的音频效果。在 C中实现高效的音频降噪处理,可以为音频应用带来更高的质量和更好的用户体验。本…

【MATLAB2024b】安装离线帮助文档(windows)

文章目录 一、在 MATLAB 设置中安装二、从math works 网站下载ISO:给无法联网的电脑安装 版本:matlab 2024b(或者大于等于2023a) 所需空间:10~15 GB 平台:Windows 需要注册math works账号。 一、在 MATLAB …

Ps:打开与置入

在 Adobe Photoshop 中,理解不同的“打开”和“置入”命令及其用途,可以根据不同的需求选择最佳方式来管理和编辑图像文件。 ◆ ◆ ◆ 打开 1、Ps菜单:文件/打开 File/Open 快捷键:Ctrl O 用于直接打开现有的图像文件。 打开的…