ESP32-Web-Server编程- 实现 Web 登录网页

这篇具有很好参考价值的文章主要介绍了ESP32-Web-Server编程- 实现 Web 登录网页。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

ESP32-Web-Server编程- 实现 Web 登录网页

概述

是时候实现更加安全的网页了。登录机制是最简单的控制网页访问权限的方法。

需求及功能解析

本节演示如何在 ESP32 上部署一个 Web 服务器,并建立登录页面的机制,用户可以实现登录、登出的功能,控制通过网页访问 ESP32 的内部信息的权限。

目录结构

├── CMakeLists.txt
├── main
│   ├── CMakeLists.txt
│   └── main.c                 User application
├── components
│   └── fs_image
└── README.md                  This is the file you are currently reading
  • 目录结构主要包含主目录 main,以及组件目录 components.
  • 其中组件目录components中包含了用于存储网页文件的 fs_image 目录(即前述前端文件)。

前端代码

登录机制的实现主要是在 JS 文件内。首先在 components/fs_image/web_image/js/index.js 中设置了检查函数,通过检查 是否使能了 login_user,来判断是否跳转到登录界面 login.html.文章来源地址https://www.toymoban.com/news/detail-848775.html

$(function(){
	if(!sessionStorage.getItem('login_user')){
		window.location = "./logi

到了这里,关于ESP32-Web-Server编程- 实现 Web 登录网页的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 基于 Arduino 库实现 ESP32 TCP Server 应用例程

    ESP32 开启 WiFi Station 模式连接路由器 连上路由器后将获取到分配的 IP 地址 基于分配的 IP 地址创建 TCP Server 手机与 ESP32 连接同一路由器 查看 UART0 日志打印,获取 TCP Server 的 IP 地址 使用手机端 TCP 调试 APP 与 ESP32 创建的 TCP Server 建立连接

    2024年02月12日
    浏览(40)
  • 基于 Arduino 库实现 ESP32 使能 WiFi AP + TCP Server 的应用

    ESP32 开启 WiFi AP 模式创建 WiFi 热点 定义 IP 地址 创建 TCP Server 使用手机连接 ESP32 创建的 AP 热点 查看 UART0 日志打印,获取 TCP Server 的 IP 地址 使用手机端 TCP 调试 APP( 网络助手 ) 与 ESP32 创建的 TCP Server 建立连接

    2024年02月12日
    浏览(31)
  • 【雕爷学编程】Arduino智能家居之ESP32-CAM模块实现WebSocket实时监控

    Arduino是一个开放源码的电子原型平台,它可以让你用简单的硬件和软件来创建各种互动的项目。Arduino的核心是一个微控制器板,它可以通过一系列的引脚来连接各种传感器、执行器、显示器等外部设备。Arduino的编程是基于C/C++语言的,你可以使用Arduino IDE(集成开发环境)来

    2024年02月04日
    浏览(40)
  • ESP32(MicroPython) 网页控制环形WS2812

    ESP32(MicroPython)网页控制环形WS2812 本程序用于提供网页控制环形WS2812,为了不影响网页正常运行,本程序取消了流水灯形式,改为每个灯或每2个灯或每4个灯取随机亮度,延时和亮度可调。主控换成ESP32C3,感觉网页流畅度比ESP32-EROOM32低一些。 程序如下

    2024年02月15日
    浏览(32)
  • ESP32网页控制显示数据原来如此简单

            本文着重于ESP32与网页的交互,并没有针对网页进行UI优化,也不会对HTM5的组件进行详细介绍,只讲解一些关键的JS函数。         代码以Arduino框架进行开发,使用ESPAsyncWebServer库实现WebServer,通过JS代码配合库文件的回调函数进行使用,只讲交互部分,文章内容不关

    2024年02月02日
    浏览(36)
  • 网页(web认证)认证通用解决办法:通过浏览器抓包curl,制作路由器可运行的bash脚本实现自动登录【非防检测】

    许多大学仔沉迷于自动登录校园网无法自拔,却苦逼于没有找到适合自己学校的方法,为了解决这个问题,路由器网页联网认证插件,它来了。废话不多说,直接上活 需要准备:一台刷好oepnwrt的路由器、一双会动的手、一张会问问题的嘴、一个能用的脑子 一、抓包 以下是通

    2024年02月11日
    浏览(39)
  • ESP32作为服务器,使用网页控制LED小灯

    项目描述 ESP32-S开发板加入局域网,使用platformIO编写好ESP32的代码后,编译下载到ESP32中,访问ESP32的IP地址,使用网页控制连接着的LED小灯 项目准备: ESP32-S开发板 一根数据线 电脑 LED小灯 开发环境:vscode + PlatformIO 原理剖析 这个ESP32作为服务器,浏览器作为客户端,这是一个简

    2023年04月26日
    浏览(41)
  • windows server 2016 配置web网页

    web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。 这篇文章所讲述的是:使用http协议,搭建一个简易的网页 实验设备: windows server 2016 两台: web服务端 客户端 步骤1 :先来准备基础环境

    2024年02月08日
    浏览(34)
  • (五)Web_Server+网页可视化展示

    第一步:先使用nodeJS获取mqtt转发的数据:添加链接描述 第二步:使用fs库,将数据存入txt文件(接上一步,这里没处理数据格式,只是测试) 第三步:(升级)将数据存入mysql数据库 安装和Nodejs连接mysql参考:参考文章 创建一个senior_mysql.js文件 主文件(只需要将往fs文件系统中写

    2024年02月11日
    浏览(35)
  • ESP32(MicroPython) WS2812点阵+可交互超声波云台+网页显示温湿度

    ESP32 RGB点阵 三种随机颜色模式 由于之前的RGB点阵程序中的后两个模式灯的颜色过饱和影响观感,本程序把这两个模式整合到所有灯取随机颜色的程序,分别实现所有灯各取随机颜色、每一圈的灯取随机颜色和每相邻4灯取同一种随机颜色。 本程序增加了服务器功能,可以通

    2024年02月12日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包