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.

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